@r3l/app/lib/modules/user/web/related.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.RelatedUsers = void 0;

var _react = _interopRequireDefault(require("react"));

var _CustomSpinner = _interopRequireDefault(require("../../ui/mobile/CustomSpinner.component"));

var _reactNativeWeb = require("react-native-web");

var _styled = require("../../styled");

var _hooks = require("../hooks");

var _reactRedux = require("react-redux");

var _related = require("../related.common");

var RelatedUsers = function RelatedUsers() {
  var modalData = (0, _reactRedux.useSelector)(function (state) {
    var _state$navigation;

    return state === null || state === void 0 ? void 0 : (_state$navigation = state.navigation) === null || _state$navigation === void 0 ? void 0 : _state$navigation.modalData;
  });

  var _useRelatedUsers = (0, _hooks.useRelatedUsers)(modalData.userId),
      data = _useRelatedUsers.data,
      loading = _useRelatedUsers.loading;

  var body = data !== null && data !== void 0 && data.relatedUsers.length ? data === null || data === void 0 ? void 0 : data.relatedUsers.map(_related.renderRow) : loading ? /*#__PURE__*/_react.default.createElement(_styled.Box, {
    sx: {
      p: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_CustomSpinner.default, null)) : /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
    sx: {
      fontSize: 5,
      lineHeight: 5,
      textAlign: 'center'
    }
  }, "No related accounts.");
  return /*#__PURE__*/_react.default.createElement(_reactNativeWeb.View, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Box, {
    sx: {
      paddingY: 2
    }
  }, (0, _related.renderHeader)()), body);
};

exports.RelatedUsers = RelatedUsers;
var _default = RelatedUsers;
exports.default = _default;
//# sourceMappingURL=related.js.map