be-components 3.8.6 → 3.8.8

package/lib/commonjs/SocialComponents/CompanyProfile/index.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _api = require("./api");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _Components = require("../../Components");
-var _styles = require("../../constants/styles");
 var _PlayerCard = _interopRequireDefault(require("../PlayerCard"));
 var _CompetitionCard = _interopRequireDefault(require("../../Engage/components/CompetitionCard"));
 var _BracketCompetitionCard = _interopRequireDefault(require("../../Engage/components/BracketCompetitionCard"));
@@ -17,9 +15,12 @@ var _SquaresCompetitionCard = _interopRequireDefault(require("../../Engage/compo
 var _ArticleCard = _interopRequireDefault(require("../ArticleCard"));
 var _PodcastCard = _interopRequireDefault(require("../PodcastCard"));
 var _momentMini = _interopRequireDefault(require("moment-mini"));
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const co_profile_sections = ['gap', 'info', 'members', 'podcasts', 'engage_toggle', 'competitions', 'feeds'];
 const CompanyProfile = ({
   company_id,
   padding_insets,
@@ -33,6 +34,7 @@ const CompanyProfile = ({
   onBack,
   onShareCompany
 }) => {
+  const Colors = (0, _useColors.useColors)();
   const [module_size, setModuleSize] = (0, _react.useState)({
     height: 700,
     width: 300
@@ -48,7 +50,7 @@ const CompanyProfile = ({
     company_loading: false,
     company_members: [],
     players: [],
-    active_toggle: 'Comps'
+    active_toggle: 'competitions'
   });
   const {
     company_loading,
@@ -102,10 +104,10 @@ const CompanyProfile = ({
   }, [company_id]);
   (0, _react.useEffect)(() => {
     switch (active_toggle) {
-      case 'Comps':
+      case 'competitions':
         getCompsFromServer(company_id, 0);
         return;
-      case 'Feeds':
+      case 'feeds':
         getFeedFromServer(company_id, 0);
         return;
       default:
@@ -202,15 +204,16 @@ const CompanyProfile = ({
     if (!player) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      float: true,
       style: {
-        padding: 4
+        margin: 4
       }
     }, /*#__PURE__*/_react.default.createElement(_PlayerCard.default, {
       player: player,
-      width: 120,
-      border: true,
+      width: 150,
       alignment: "vertical",
+      show_follow: true,
       onSelectPlayer: onSelectPlayer,
       onFollowingUpdate: pf => console.log(pf)
     }));
@@ -221,10 +224,10 @@ const CompanyProfile = ({
     if (article_width > 240) {
       article_width = 240;
     }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      float: true,
       style: {
-        width: article_width,
-        margin: 5
+        margin: 4
       }
     }, /*#__PURE__*/_react.default.createElement(_ArticleCard.default, {
       article_feed: article_feed,
@@ -239,34 +242,17 @@ const CompanyProfile = ({
     if (pod_width > 200) {
       pod_width = 200;
     }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {}
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      float: true,
+      style: {
+        margin: 4
+      }
     }, /*#__PURE__*/_react.default.createElement(_PodcastCard.default, {
       podcast: data.item,
       width: pod_width,
       onSelectPodcast: onSelectPodcast
     }));
   };
-  const renderToggles = data => {
-    const active = data.item == active_toggle ? true : false;
-    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      style: {
-        width: (module_size.width - 65) / 2,
-        padding: 15,
-        borderRadius: 22,
-        backgroundColor: active ? _colors.default.brand.midnight : 'transparent'
-      },
-      onPress: () => setCompanyData({
-        ...company_data,
-        active_toggle: data.item
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      textAlign: "center",
-      weight: "bold",
-      size: 14,
-      color: active ? _colors.default.shades.white : _colors.default.brand.midnight
-    }, data.item));
-  };
   const renderComps = data => {
     switch (data.item.type) {
       case 'competition':
@@ -282,13 +268,18 @@ const CompanyProfile = ({
         if (!competition_result_type) {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
         }
-        return /*#__PURE__*/_react.default.createElement(_CompetitionCard.default, {
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_CompetitionCard.default, {
           competition: competition,
           company: company,
           competition_type: competition_type,
           competition_result_type: competition_result_type,
           onCompetitionSelect: onSelectCompetition
-        });
+        }));
       case 'bracket_competition':
         const bracket_competition = bracket_competitions.find(bc => bc.bracket_competition_id == data.item.id);
         if (!bracket_competition) {
@@ -300,52 +291,284 @@ const CompanyProfile = ({
         }
         const bracket = brackets.find(b => b.bracket_id == bracket_competition.bracket_id);
         const league = leagues.find(l => l.league_id == bracket?.league_id);
-        return /*#__PURE__*/_react.default.createElement(_BracketCompetitionCard.default, {
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_BracketCompetitionCard.default, {
           bracket_competition: bracket_competition,
           competition_result_type: crt,
           company: company,
           bracket: bracket,
           league: league,
           onCompetitionSelect: onSelectBracketCompetition
-        });
+        }));
       case 'squares_competition':
         const squares_competition = squares_competitions.find(sc => sc.sq_comp_id == data.item.id);
         if (!squares_competition) {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
         }
         const event = events.find(e => e.event_id == squares_competition.event_id);
-        return /*#__PURE__*/_react.default.createElement(_SquaresCompetitionCard.default, {
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_SquaresCompetitionCard.default, {
           squares_competition: squares_competition,
           onSelectCompetition: onSelectSquaresCompetition,
           company: company,
           event: event
+        }));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'gap':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            height: 300
+          }
         });
+      case 'info':
+        if (!company) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            borderTopRightRadius: 22,
+            borderTopLeftRadius: 22
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 20,
+            borderTopRightRadius: 22,
+            borderTopLeftRadius: 22
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, company.company_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 4
+          },
+          theme: "description"
+        }, company.company_description)), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          disabled: true,
+          style: {
+            backgroundColor: Colors.absolutes.highlights.highlight500
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          size: 10,
+          theme: "h1",
+          color: Colors.text.white,
+          textAlign: "center"
+        }, company.type.toUpperCase()))));
+      case 'members':
+        if (!company) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 20
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Members"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "The following are members of ", company.company_name)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            padding: 10,
+            flex: 1,
+            alignItems: 'flex-end'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, company_members.length))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          key: "company_members",
+          horizontal: true,
+          showsHorizontalScrollIndicator: false,
+          data: company_members,
+          renderItem: renderMembers,
+          keyExtractor: item => item.player_id.toString()
+        })))));
+      case 'podcasts':
+        if (!company) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (podcasts.length == 0) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 20
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Podcasts"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "The following are podcasts hosted by ", company.company_name)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, podcasts.length))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          key: "company_pods",
+          horizontal: true,
+          showsHorizontalScrollIndicator: false,
+          data: podcasts,
+          renderItem: renderPodcasts,
+          keyExtractor: item => item.podcast_id.toString()
+        })))));
+      case 'engage_toggle':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            paddingLeft: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Engage with ", company?.company_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Use the toggle to find ways to engage"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Components.Toggle, {
+          options: [{
+            key: 'competitions',
+            label: 'Comps'
+          }, {
+            key: 'feeds',
+            label: 'Feeds'
+          }],
+          selected_option: active_toggle,
+          onSelectOption: option => setCompanyData({
+            ...company_data,
+            active_toggle: option
+          })
+        })));
+      case 'competitions':
+        if (active_toggle != 'competitions') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, competition_loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+          size: "large",
+          color: Colors.text.h1,
+          style: {
+            padding: 20,
+            alignSelf: 'center'
+          }
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          key: 'comps_list',
+          data: sorted_comps.sort((a, b) => a.start_time.unix() - b.start_time.unix()),
+          renderItem: renderComps,
+          keyExtractor: item => `${item.id}:${item.type}`
+        }));
+      case 'feeds':
+        if (active_toggle != 'feeds') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, feed_loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+          size: "large",
+          color: Colors.text.h1,
+          style: {
+            padding: 20,
+            alignSelf: 'center'
+          }
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            justifyContent: 'center'
+          }
+        }, articles.sort((a, b) => (0, _momentMini.default)(b.create_datetime).unix() - (0, _momentMini.default)(a.create_datetime).unix()).map((a, i) => {
+          return renderArticles({
+            item: a,
+            index: i
+          });
+        })));
       default:
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
   };
-  if (company_loading || !company) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flex: 1
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-      style: {
-        padding: 20,
-        alignSelf: 'center'
-      },
-      size: "large",
-      color: _colors.default.brand.midnight
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1,
-      backgroundColor: _colors.default.shades.black_faded
     },
     onLayout: ev => {
       const {
@@ -357,7 +580,7 @@ const CompanyProfile = ({
         height
       });
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       position: 'absolute',
       top: 0,
@@ -368,218 +591,29 @@ const CompanyProfile = ({
     nativeID: "profile_image"
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: {
-      uri: company.company_image?.url
+      uri: company?.company_image?.url
     },
     style: {
       width: module_size.width,
       height: module_size.width,
       borderBottomRightRadius: 50,
-      borderBottomLeftRadius: 50
+      borderBottomLeftRadius: 50,
+      backgroundColor: Colors.text.white
     },
     resizeMode: "cover"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section,
-      marginTop: module_size.width - 150
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1,
-      marginRight: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, company.company_name), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 4
-    },
-    theme: "body_2"
-  }, company.company_description)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: _colors.default.highlights.highlight500,
-      padding: 10,
-      borderRadius: 22
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 10,
-    weight: "bold",
-    color: _colors.default.shades.white,
-    textAlign: "center"
-  }, company.type.toUpperCase())))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Company Members"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body_2"
-  }, "The following are members of ", company.company_name)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, company_members.length))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_body,
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.body_row
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    key: "company_members",
-    horizontal: true,
-    showsHorizontalScrollIndicator: false,
-    data: company_members,
-    renderItem: renderMembers,
-    keyExtractor: item => item.player_id.toString()
-  }))))), podcasts.length > 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Podcasts"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body_2"
-  }, "The following are podcasts hosted by ", company.company_name)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, podcasts.length))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_body,
-      padding: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.body_row
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    key: "company_pods",
-    horizontal: true,
-    showsHorizontalScrollIndicator: false,
-    data: podcasts,
-    renderItem: renderPodcasts,
-    keyExtractor: item => item.podcast_id.toString()
-  }))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Engage"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body_2"
-  }, "Use the toggles below to see recent activity from ", company.company_name))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_body,
-      padding: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.body_row,
-      margin: 10,
-      marginLeft: 20,
-      marginRight: 20,
-      borderRadius: 22,
-      padding: 1,
-      backgroundColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    key: 'toggles',
-    horizontal: true,
-    showsHorizontalScrollIndicator: false,
-    data: ['Comps', 'Feeds'],
-    renderItem: renderToggles,
-    keyExtractor: item => item
-  })), active_toggle == 'Comps' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, competition_loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-    size: "large",
-    color: _colors.default.brand.midnight,
-    style: {
-      padding: 20,
-      alignSelf: 'center'
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    key: 'comps_list',
-    data: sorted_comps.sort((a, b) => a.start_time.unix() - b.start_time.unix()),
-    renderItem: renderComps,
-    keyExtractor: item => `${item.id}:${item.type}`
-  })) : active_toggle == 'Feeds' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, feed_loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-    size: "large",
-    color: _colors.default.brand.midnight,
-    style: {
-      padding: 20,
-      alignSelf: 'center'
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    }
-  }, articles.sort((a, b) => (0, _momentMini.default)(b.create_datetime).unix() - (0, _momentMini.default)(a.create_datetime).unix()).map((a, i) => {
-    return renderArticles({
-      item: a,
-      index: i
-    });
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))), onBack ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: co_profile_sections,
+    key: "co_profile_sections_list",
+    keyExtractor: item => item,
+    onRefresh: () => getCompanyDataFromServer(company_id),
+    refreshing: company_loading,
+    renderItem: renderSections
+  }), onBack ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    float: true,
     style: {
       position: 'absolute',
       top: padding_insets?.top ?? 0,
       left: 0,
-      ..._styles.view_styles.section,
-      backgroundColor: _colors.default.shades.shade100,
       height: 50,
       width: 50,
       borderRadius: 100,
@@ -589,15 +623,14 @@ const CompanyProfile = ({
     onPress: () => onBack()
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
     direction: "left",
-    color: _colors.default.brand.midnight,
+    color: Colors.text.h1,
     size: 14
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), onShareCompany ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), company && onShareCompany ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    float: true,
     style: {
       position: 'absolute',
       top: padding_insets?.top ?? 0,
       right: 0,
-      ..._styles.view_styles.section,
-      backgroundColor: _colors.default.shades.shade100,
       height: 50,
       width: 50,
       borderRadius: 100,
@@ -606,9 +639,9 @@ const CompanyProfile = ({
     },
     onPress: () => onShareCompany(company)
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ShareIcon, {
-    color: _colors.default.brand.electric,
+    color: Colors.text.h1,
     size: 14
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
 var _default = exports.default = CompanyProfile;
 //# sourceMappingURL=index.js.map