be-components 3.5.7 → 3.5.8

package/lib/commonjs/CompetitionManager/components/CompetitionHeader.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _Components = require("../../Components");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
-var _styles = require("../../constants/styles");
+var _useColors = require("../../constants/useColors");
+var _Themed = require("../../Components/Themed");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CompetitionHeader = ({
   width,
@@ -21,6 +20,7 @@ const CompetitionHeader = ({
   onPause,
   onResume
 }) => {
+  const Colors = (0, _useColors.useColors)();
   const handleActivate = () => {
     if (!competition_valid.valid) {
       return alert(`Please complete all the required sections before activating`);
@@ -33,23 +33,22 @@ const CompetitionHeader = ({
     }
     onResume();
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      backgroundColor: _colors.default.shades.white,
       flexGrow: 1,
       minWidth: 330,
       maxWidth: width
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "competition_header",
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       padding: 20,
       borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: {
       uri: competition.image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1649737862/be_logo_jte2ux.webp'
     },
@@ -59,123 +58,131 @@ const CompetitionHeader = ({
       borderRadius: 4
     },
     resizeMode: "cover"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       marginLeft: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, competition.competition_name), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, competition.competition_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 4
     },
-    theme: "header_2>"
-  }, competition.competition_description)), competition.status == 'pending' ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "h2"
+  }, competition.competition_description)), competition.status == 'pending' ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: 'ACTIVATE',
     style: {
       opacity: competition_valid.valid ? 1 : 0.5
     },
     loading: action_loading,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
+    type: "success",
     onPress: () => handleActivate()
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), competition.status == 'pending' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), competition.status == 'pending' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "COMPETITION IS PENDING"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "COMPETITION IS PENDING"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
-  }, "Complete each section and press 'ACTIVATE'.")), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "description"
+  }, "Complete each section and press 'ACTIVATE'.")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "DELETE",
     style: {
       opacity: !action_loading ? 1 : 0.5
     },
     loading: action_loading,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.error,
+    type: "error",
     onPress: async () => {
-      const confirmed = await confirm(`Are you sure you would like to delete this competition?  This cannot be undone.`);
-      if (!confirmed) {
-        return;
-      }
-      onDelete();
+      _reactNative.Alert.alert('Are you sure you would like to delete?', 'This cannot be undone', [{
+        text: 'Cancel',
+        onPress: () => console.log('hey')
+      }, {
+        text: `Yes I'm Sure`,
+        onPress: () => onDelete()
+      }]);
     }
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), competition.status == 'scheduled' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), competition.status == 'scheduled' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "COMPETITION IS ACTIVE"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "COMPETITION IS ACTIVE"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
-  }, "In order to edit this competition, you must first pause it.")), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "description"
+  }, "In order to edit this competition, you must first pause it.")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "PAUSE",
     style: {
       opacity: !action_loading && competition_valid.valid ? 1 : 0.5
     },
     loading: action_loading,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
+    type: "success",
     onPress: () => onPause()
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), competition.status == 'paused' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), competition.status == 'paused' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "EDITING COMPETITION"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "EDITING COMPETITION"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
-  }, "Feel free to make changes. When done, simply press resume.")), competition_summaries.length == 0 ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "description"
+  }, "Feel free to make changes. When done, simply press resume.")), competition_summaries.length == 0 ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "DELETE",
     style: {
       marginRight: 5,
       opacity: !action_loading ? 1 : 0.5
     },
     loading: action_loading,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.error,
+    type: "error",
     onPress: async () => {
-      const confirmed = await confirm(`Are you sure you would like to delete this competition?  This cannot be undone.`);
-      if (!confirmed) {
-        return;
-      }
-      onDelete();
+      _reactNative.Alert.alert('Are you sure you would like to delete?', 'This cannot be undone', [{
+        text: 'Cancel',
+        onPress: () => console.log('hey')
+      }, {
+        text: `Yes I'm Sure`,
+        onPress: () => onDelete()
+      }]);
     }
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "RESUME",
     style: {
       opacity: !action_loading && competition_valid.valid ? 1 : 0.5
     },
     loading: action_loading,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.brand.electric,
+    type: "success",
     onPress: () => handleResume()
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };

package/lib/commonjs/CompetitionManager/components/CompetitionHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Components","_colors","_styles","e","__esModule","default","CompetitionHeader","width","action_loading","competition_summaries","competition","competition_valid","onDelete","onActivate","onPause","onResume","handleActivate","valid","alert","handleResume","createElement","View","style","backgroundColor","Colors","shades","white","flexGrow","minWidth","maxWidth","nativeID","flexDirection","alignItems","padding","borderBottomWidth","borderColor","shade600","Image","source","uri","image","url","height","borderRadius","resizeMode","flex","marginLeft","Text","theme","competition_name","marginTop","competition_description","status","Button","title","opacity","loading","title_color","utility","success","onPress","Fragment","view_styles","section_header","shade100","error","confirmed","confirm","length","marginRight","brand","electric","_default","exports"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/CompetitionHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useColors","_Themed","e","__esModule","default","CompetitionHeader","width","action_loading","competition_summaries","competition","competition_valid","onDelete","onActivate","onPause","onResume","Colors","useColors","handleActivate","valid","alert","handleResume","createElement","View","style","flexGrow","minWidth","maxWidth","nativeID","flexDirection","alignItems","padding","borderBottomWidth","borderColor","borders","light","Image","source","uri","image","url","height","borderRadius","resizeMode","flex","marginLeft","Text","theme","competition_name","marginTop","competition_description","status","Button","title","opacity","loading","type","onPress","Fragment","transparent","Alert","text","console","log","length","marginRight","_default","exports"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/CompetitionHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/CompetitionManager/components/CompetitionInfoForm.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _styles = require("../../constants/styles");
 var _Components = require("../../Components");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _ImageUploader = _interopRequireDefault(require("../../Components/ImageUploader"));
+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; }
@@ -19,11 +19,11 @@ const CompetitionInfoForm = ({
   is_valid,
   player,
   competition,
-  width,
   onCompetitionUpdate
 }) => {
   const [expanded, setExpanded] = (0, _react.useState)(false);
   const [draft_competition, setDraftCompetition] = (0, _react.useState)(undefined);
+  const Colors = (0, _useColors.useColors)();
   (0, _react.useEffect)(() => {
     setDraftCompetition(competition);
   }, [competition]);
@@ -31,76 +31,71 @@ const CompetitionInfoForm = ({
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   const is_changed = JSON.stringify(draft_competition) != JSON.stringify(competition) ? true : false;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
     style: {
-      ..._styles.view_styles.section,
-      flexGrow: 1
+      flexGrow: 1,
+      borderRadius: 0
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    float: true,
     style: {
-      ..._styles.view_styles.section_header,
-      maxWidth: width
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 0
     },
     onPress: () => setExpanded(!expanded)
   }, is_valid ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
     size: 16,
-    color: _colors.default.utility.success
+    color: Colors.text.success
   }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
     size: 16,
-    color: _colors.default.utility.warning
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    color: Colors.text.warning
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1,
       marginLeft: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Competition Information"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Competition Information"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
-  }, "Manage the high level information of this competition")), is_changed ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "description"
+  }, "Manage the high level information of this competition")), is_changed ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "SAVE",
-    padding: 10,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
+    type: "success",
     onPress: () => onCompetitionUpdate(draft_competition)
   }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
     direction: expanded ? 'up' : 'down',
-    color: _colors.default.brand.midnight,
+    color: Colors.text.h1,
     size: 8
-  })), expanded ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    nativeID: "competition_info",
-    style: {
-      ..._styles.view_styles.section_body,
-      padding: 10,
-      minWidth: 300,
-      maxWidth: width,
-      backgroundColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), expanded ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "body",
+    nativeID: "competition_info"
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
     nativeID: "competition_image",
     style: {
-      ..._styles.view_styles.body_row,
-      flexWrap: 'wrap',
-      maxWidth: width,
+      alignItems: 'flex-start',
       borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: Colors.borders.light,
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
-      margin: 5,
-      minWidth: 200
+      margin: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, "Competition Image"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Competition Image"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
+    theme: "description"
   }, "Give this competition an image so it is recognizable to those trying to join.")), /*#__PURE__*/_react.default.createElement(_ImageUploader.default, {
     public_id: `comp_image_${competition.competition_id}_${Math.random()}`,
     onFinishUpload: obj => onCompetitionUpdate({
@@ -120,36 +115,39 @@ const CompetitionInfoForm = ({
       borderRadius: 4
     },
     resizeMode: "cover"
-  }), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    style: {
+      marginTop: 10
+    },
     size: 12,
-    color: _colors.default.brand.electric,
+    color: Colors.text.action,
     textAlign: "center"
-  }, "CHANGE"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "CHANGE"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
     nativeID: "competition_name",
     style: {
-      ..._styles.view_styles.body_row,
       flexWrap: 'wrap',
-      maxWidth: width,
+      padding: 10,
       borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       margin: 5,
       minWidth: 200
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, "Competition Name"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Competition Name"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
-  }, "Give the competition a memorable name that aligns with the type and payout.")), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
+    theme: "description"
+  }, "Give the competition a memorable name that aligns with the type and payout.")), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
     style: {
-      ..._styles.view_styles.input,
-      flexGrow: 1,
+      flex: 1,
+      minWidth: 200,
       margin: 5
     },
     onChangeText: text => setDraftCompetition({
@@ -157,35 +155,33 @@ const CompetitionInfoForm = ({
       competition_name: text
     }),
     value: draft_competition.competition_name,
-    placeholder: "Competition Name",
-    placeholderTextColor: _colors.default.brand.slate
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    placeholder: "Competition Name"
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
     nativeID: "competition_description",
     style: {
-      ..._styles.view_styles.body_row,
       flexWrap: 'wrap',
-      maxWidth: width,
-      marginTop: 10,
+      padding: 10,
       borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       margin: 5,
       minWidth: 200
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, "Competition Description"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
+  }, "Competition Description"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
-  }, "Give the competition a memorable description that would entice users to participate.")), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
+    theme: "description"
+  }, "Give the competition a memorable description that would entice users to participate.")), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
     style: {
-      ..._styles.view_styles.input,
-      flexGrow: 1,
+      flex: 1,
+      minWidth: 200,
       margin: 5
     },
     onChangeText: text => setDraftCompetition({
@@ -193,30 +189,29 @@ const CompetitionInfoForm = ({
       competition_description: text
     }),
     value: draft_competition.competition_description,
-    placeholder: "Pick 5 games ATS from NFL Week 6 matchups",
-    placeholderTextColor: _colors.default.brand.slate
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    placeholder: "Pick 5 games ATS from NFL Week 6 matchups"
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
     nativeID: "invite_only",
     style: {
-      ..._styles.view_styles.body_row,
       flexWrap: 'wrap',
-      marginTop: 10,
+      padding: 10,
       borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       margin: 5,
       marginRight: 15
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, "Make Private"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Make Private"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
+    theme: "description"
   }, "Only access this competition using an invite code.")), /*#__PURE__*/_react.default.createElement(_Components.Switch, {
     disabled: competition.competition_season_id ? true : false,
     value: competition.invite_only,
@@ -225,28 +220,28 @@ const CompetitionInfoForm = ({
       ...draft_competition,
       invite_only: value
     })
-  })), player?.role == 'admin' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), player?.role == 'admin' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
     nativeID: "invite_only",
     style: {
-      ..._styles.view_styles.body_row,
       flexWrap: 'wrap',
-      marginTop: 10,
+      padding: 10,
       borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       margin: 5,
       marginRight: 15
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, "Make Template"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
+  }, "Make Template"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    theme: "body"
+    theme: "description"
   }, "This will allow for other users to copy this competition and create it for themselves.")), /*#__PURE__*/_react.default.createElement(_Components.Switch, {
     value: competition.template ? true : false,
     switch_type: "on_off",