stream-chat-react-native-core/lib/module/components/ChannelList/ChannelListLoadingIndicator.js

The official React Native and Expo components for Stream Chat, a service for building chat applications

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ChannelListLoadingIndicator = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext");
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
var _jsxRuntime = require("react/jsx-runtime");
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelList/ChannelListLoadingIndicator.tsx";
var styles = _reactNative.StyleSheet.create({
  container: {
    flex: 1
  }
});
var ChannelListLoadingIndicator = () => {
  var _useTheme = (0, _ThemeContext.useTheme)(),
    container = _useTheme.theme.channelListLoadingIndicator.container;
  var _useChannelsContext = (0, _ChannelsContext.useChannelsContext)(),
    numberOfSkeletons = _useChannelsContext.numberOfSkeletons;
  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
    Skeleton = _useComponentsContext.Skeleton;
  return (0, _jsxRuntime.jsx)(_reactNative.View, {
    style: [styles.container, container],
    testID: "channel-list-loading-indicator",
    children: Array.from(Array(numberOfSkeletons)).map((_, index) => (0, _jsxRuntime.jsx)(Skeleton, {}, `skeleton_${index}`))
  });
};
exports.ChannelListLoadingIndicator = ChannelListLoadingIndicator;
//# sourceMappingURL=ChannelListLoadingIndicator.js.map