@ledvance/group-ui-biz-bundle 1.0.73 → 1.0.76

package/src/modules/timeSchedule/TimeScheduleDetailPage.tsx

@@ -37,7 +37,7 @@ import DeleteButton from '@ledvance/base/src/components/DeleteButton';
 import SegmentControl from '@ledvance/base/src/components/segmentControl';
 import { useParams } from '@ledvance/base/src/hooks/Hooks';
 import ManualSettings from './components/ManuaSettings';
-import { defCeilingLihtDeviceData, defDeviceData, defMixDeviceData, defStripDeviceData, defFanLightDeviceData } from './TimeScheduleActions';
+import { defDeviceData, defMixDeviceData, defStripDeviceData, defFanLightDeviceData } from './TimeScheduleActions';
 import MoodItem from '../mood_new/MoodItem';
 import Summary from './components/Summary'
 import { getRemoteMoodList } from '../mood_new/MoodActions'
@@ -45,6 +45,7 @@ import { MoodUIInfo } from '../mood_new/Interface';
 import InfoText from '@ledvance/base/src/components/InfoText';
 
 const { convertX: cx } = Utils.RatioUtils;
+const { withTheme } = Utils.ThemeUtils
 const { toFixedString } = Utils.NumberUtils;
 interface TimeScheduleDetailPageParams extends TimeSchedulePageParams {
   mode: 'add' | 'edit';
@@ -53,15 +54,15 @@ interface TimeScheduleDetailPageParams extends TimeSchedulePageParams {
   refreshFn: () => void;
 }
 
-const TimeScheduleDetailPage = () => {
-  const props = useParams<TimeScheduleDetailPageParams>();
+const TimeScheduleDetailPage = (props: { theme?: any }) => {
+  const params = useParams<TimeScheduleDetailPageParams>();
   const navigation = useNavigation();
   const uaGroupInfo = useUAGroupInfo()
   const is24HourClock = useSystemTimeFormate();
   const [moods, setMoods] = useMoods();
   const state = useReactive<TimeScheduleDetailState>({
-    timeSchedule: props.mode === 'add' ? newTimeSchedule() : cloneDeep(props.timeSchedule),
-    dps: props.mode === 'add' ? {} : props.timeSchedule.dps,
+    timeSchedule: params.mode === 'add' ? newTimeSchedule() : cloneDeep(params.timeSchedule),
+    dps: params.mode === 'add' ? {} : params.timeSchedule.dps,
     isManual: true, // manual ,mood
     initSelectedSkill: [] as ApplyForItem[],
     selectedSkill: [] as ApplyForItem[],
@@ -69,23 +70,23 @@ const TimeScheduleDetailPage = () => {
     loading: false,
     moodLoading: false,
     manualData:
-      props.mode === 'add'
-        ? getDefaultManual(props)
-        : props.manualDataDp2Obj(props.timeSchedule.dps)?.deviceData,
-    mood: props.mode === 'add' ? undefined : props.manualDataDp2Obj(props.timeSchedule.dps)?.mood,
+      params.mode === 'add'
+        ? getDefaultManual(params)
+        : params.manualDataDp2Obj(params.timeSchedule.dps)?.deviceData,
+    mood: params.mode === 'add' ? undefined : params.manualDataDp2Obj(params.timeSchedule.dps)?.mood,
     moods: cloneDeep(moods),
     timerId: undefined,
     moodName: '',
   });
 
   useEffect(() => {
-    const { applyForDisabled, timeSchedule, applyForList, mode } = props;
+    const { applyForDisabled, timeSchedule, applyForList, mode } = params;
     const cannotChoose = applyForDisabled || applyForList.length === 1;
     const cloneApplyList =
       mode === 'add'
         ? cloneDeep(applyForList)
         : cloneDeep(applyForList).map(item => {
-          if (props.isMixLight && state.manualData.type === DeviceType.MixLight) {
+          if (params.isMixLight && state.manualData.type === DeviceType.MixLight) {
             return {
               ...item,
               enable:
@@ -116,15 +117,15 @@ const TimeScheduleDetailPage = () => {
       state.selectedSkill = mode === 'add' ? [] : selectedList;
       state.unSelectedSkill = mode === 'add' ? cloneApplyList : unSelectedList;
     }
-    if (props.mode === 'edit' && props.manualDataDp2Obj) {
-      const { isManual, mood } = props.manualDataDp2Obj(props.timeSchedule.dps);
+    if (params.mode === 'edit' && params.manualDataDp2Obj) {
+      const { isManual, mood } = params.manualDataDp2Obj(params.timeSchedule.dps);
       state.isManual = isManual;
       state.mood = mood;
     }
     state.initSelectedSkill = cloneDeep(state.selectedSkill)
     if (!(Array.isArray(moods) && moods.length)) {
       state.timerId = setTimeout(() => {
-        getRemoteMoodList(uaGroupInfo.tyGroupId.toString(), props).then(res => {
+        getRemoteMoodList(uaGroupInfo.tyGroupId.toString(), params).then(res => {
           if (res.success && Array.isArray(res.data)) {
             state.moods = cloneDeep(res.data);
             setMoods(cloneDeep(res.data));
@@ -144,7 +145,7 @@ const TimeScheduleDetailPage = () => {
     if (state.moods?.length) {
       state.moodName =
         state.moods.find(m =>
-          props.isCeilingLight
+          params.isCeilingLight
             ? m.mainLamp.id === state.mood?.mainLamp.id &&
             m.secondaryLamp.id === state.mood?.secondaryLamp.id
             : m.id === state.mood?.id
@@ -164,21 +165,21 @@ const TimeScheduleDetailPage = () => {
   }, []);
 
   const isModify = useMemo(() => {
-    const schedule = props.mode === 'add' ? newTimeSchedule() : props.timeSchedule;
+    const schedule = params.mode === 'add' ? newTimeSchedule() : params.timeSchedule;
     const manual =
-      props.mode === 'add'
-        ? getDefaultManual(props)
-        : props.manualDataDp2Obj(props.timeSchedule.dps).deviceData;
+      params.mode === 'add'
+        ? getDefaultManual(params)
+        : params.manualDataDp2Obj(params.timeSchedule.dps).deviceData;
     const before = {
       ...schedule,
       selectedSkill: state.initSelectedSkill,
       dps: manual,
       isManual:
-        props.mode === 'add' ? true : props.manualDataDp2Obj(props.timeSchedule.dps).isManual,
-      mood: props.mode === 'add' ? undefined : props.manualDataDp2Obj(props.timeSchedule.dps)?.mood,
+        params.mode === 'add' ? true : params.manualDataDp2Obj(params.timeSchedule.dps).isManual,
+      mood: params.mode === 'add' ? undefined : params.manualDataDp2Obj(params.timeSchedule.dps)?.mood,
       id: 1,
     };
-    before.mood = (before.isManual || props.mode === 'add') ? undefined : props.manualDataDp2Obj(props.timeSchedule.dps)?.mood
+    before.mood = (before.isManual || params.mode === 'add') ? undefined : params.manualDataDp2Obj(params.timeSchedule.dps)?.mood
     const now = {
       ...state.timeSchedule,
       selectedSkill: state.selectedSkill,
@@ -191,8 +192,8 @@ const TimeScheduleDetailPage = () => {
   }, [JSON.stringify(state.timeSchedule), JSON.stringify(state.initSelectedSkill), JSON.stringify(state.selectedSkill), state.manualData, state.isManual, state.mood]);
 
   const showMoodFanSelectText = useMemo(() =>{
-    return (props.isUVCFan || props.isFanLight) && !state.isManual && state.selectedSkill.length < 2
-  }, [props.isUVCFan, props.isFanLight, state.selectedSkill.length, state.isManual])
+    return (params.isUVCFan || params.isFanLight) && !state.isManual && state.selectedSkill.length < 2
+  }, [params.isUVCFan, params.isFanLight, state.selectedSkill.length, state.isManual])
 
   const allowSubmit = useMemo(() => {
     return (
@@ -205,18 +206,70 @@ const TimeScheduleDetailPage = () => {
   }, [state.timeSchedule.aliasName, state.selectedSkill, isModify, state.isManual, state.mood, showMoodFanSelectText]);
 
   const showSelectedIcon = useMemo(() => {
-    return props.applyForList.length !== 1 && !props.applyForDisabled;
-  }, [props.applyForList.length, props.applyForDisabled]);
+    return params.applyForList.length !== 1 && !params.applyForDisabled;
+  }, [params.applyForList.length, params.applyForDisabled]);
 
   const getMoodItemEnable = useCallback((item: MoodUIInfo ) =>{
-    return props.isCeilingLight ? ((item.mainLamp.id === state.mood?.mainLamp?.id) && (item.secondaryLamp.id === state.mood?.secondaryLamp?.id)) : item.id === state.mood?.id
-  }, [state.mood, props.isCeilingLight])
+    return params.isCeilingLight ? ((item.mainLamp.id === state.mood?.mainLamp?.id) && (item.secondaryLamp.id === state.mood?.secondaryLamp?.id)) : item.id === state.mood?.id
+  }, [state.mood, params.isCeilingLight])
+
+  const styles = StyleSheet.create({
+    cardContainer: {
+      marginHorizontal: cx(24),
+    },
+    itemTitle: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(16),
+      fontWeight: 'bold',
+      fontFamily: 'helvetica_neue_lt_std_bd',
+    },
+    applyContent: {
+      backgroundColor: props.theme.container.background,
+      borderRadius: 4,
+      minHeight: cx(55),
+      flex: 1,
+      justifyContent: 'center',
+      paddingHorizontal: cx(10),
+    },
+    applyItem: {
+      paddingLeft: cx(5),
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      backgroundColor: props.theme.global.background,
+      height: cx(35),
+    },
+    moodScrollView: {
+      maxHeight: cx(500),
+    },
+    summaryRight: {
+      flexDirection: 'column',
+      backgroundColor: props.theme.tag.background,
+      borderRadius: cx(16),
+      alignItems: 'center'
+    },
+    rightItem: {
+      paddingHorizontal: cx(12),
+      color: props.theme.tag.fontColor,
+      fontSize: cx(14)
+    },
+    switchButton: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      marginBottom: cx(10),
+    },
+    text: {
+      color: props.theme.global.fontColor,
+      fontSize: cx(14)
+    },
+  })
 
   return (
     <Page
       backText={I18n.getLang('motion_detection_add_time_schedule_system_back_text')}
       headlineText={I18n.getLang(
-        props.mode === 'add'
+        params.mode === 'add'
           ? 'motion_detection_add_time_schedule_headline_text'
           : 'edit_timeschedule_headline_text'
       )}
@@ -224,10 +277,10 @@ const TimeScheduleDetailPage = () => {
       rightButtonIconClick={async () => {
         if (!allowSubmit || state.loading) return;
         state.loading = true;
-        const res = await props.modDeleteTimeSchedule(props.mode, {
+        const res = await params.modDeleteTimeSchedule(params.mode, {
           ...state.timeSchedule,
           status: 1,
-          dps: props.manualDataObj2Dp(
+          dps: params.manualDataObj2Dp(
             {
               deviceData: state.manualData,
               isManual: state.isManual,
@@ -238,7 +291,7 @@ const TimeScheduleDetailPage = () => {
         }, '');
         state.loading = false;
         if (res.success) {
-          props.refreshFn()
+          params.refreshFn()
           navigation.goBack();
         }
       }}
@@ -263,7 +316,8 @@ const TimeScheduleDetailPage = () => {
         {/* pick */}
         <TimerPicker
           itemTextColor="#aeadb5"
-          style={{ paddingVertical: cx(0), marginVertical: cx(0) }}
+          style={{ paddingVertical: cx(0), marginVertical: cx(0), backgroundColor: props.theme.global.background }}
+          pickerFontColor={props.theme.global.fontColor}
           is12Hours={!is24HourClock}
           singlePicker={true}
           amText={I18n.getLang('manage_user_calendar_label_am')}
@@ -286,7 +340,9 @@ const TimeScheduleDetailPage = () => {
           }}
         />
         <Spacer />
-        <Text style={styles.cardContainer}>{loopText(state.timeSchedule.loops.split(''))}</Text>
+        <Text style={{ ...styles.cardContainer, color: props.theme.global.fontColor, fontSize: cx(14) }}>
+          {loopText(state.timeSchedule.loops.split(''))}
+        </Text>
         <Spacer height={cx(30)} />
 
         {/* Apply for */}
@@ -297,14 +353,16 @@ const TimeScheduleDetailPage = () => {
           <Spacer height={cx(10)} />
           <View style={[styles.applyContent, {paddingTop: state.selectedSkill.length ? cx(10) : 0}]}>
             {state.selectedSkill.length === 0 ? (
-              <Text>{I18n.getLang('timer_ceiling_fan_selectionfield_no_components_text')}</Text>
+              <Text style={{color: props.theme.global.fontColor}}>
+                {I18n.getLang('timer_ceiling_fan_selectionfield_no_components_text')}
+              </Text>
             ) : (
               state.selectedSkill.map(skill => (
                 <View
                   style={[styles.applyItem, { marginBottom: cx(10), borderRadius: 4 }]}
                   key={skill.dp}
                 >
-                  <Text style={{ color: '#000' }}>{skill.key}</Text>
+                  <Text style={{ color: props.theme.global.fontColor }}>{skill.key}</Text>
                   {showSelectedIcon && (
                     <TouchableOpacity
                       onPress={() => {
@@ -314,7 +372,7 @@ const TimeScheduleDetailPage = () => {
                       style={{ paddingHorizontal: cx(5) }}
                     >
                       <Image
-                        style={{ width: cx(16), height: cx(16) }}
+                        style={{ width: cx(16), height: cx(16), tintColor: props.theme.global.fontColor }}
                         source={res.ic_arrows_nav_clear}
                       />
                     </TouchableOpacity>
@@ -335,7 +393,7 @@ const TimeScheduleDetailPage = () => {
               >
                 <Text style={{ color: '#000' }}>{item.key}</Text>
                 <Image
-                  style={{ width: cx(16), height: cx(16) }}
+                  style={{ width: cx(16), height: cx(16), tintColor: props.theme.global.fontColor }}
                   source={res.device_panel_timer_add}
                 />
               </TouchableOpacity>
@@ -349,7 +407,7 @@ const TimeScheduleDetailPage = () => {
           {I18n.getLang('timeschedule_add_schedule_subheadline2_text')}
         </Text>
         <Spacer height={cx(10)} />
-        {props.isSupportMood && (
+        {params.isSupportMood && (
           <>
             <SegmentControl
               title1={I18n.getLang('timeschedule_add_schedule_switch_tab_manual_text')}
@@ -362,26 +420,26 @@ const TimeScheduleDetailPage = () => {
         )}
         <Spacer height={cx(10)} />
         {(!state.selectedSkill.length && !showMoodFanSelectText) && <InfoText
-          style={{marginHorizontal: cx(24)}}
-          icon={res.ic_warning_amber}
-          contentColor="#FF9500"
-          text={I18n.getLang('timeschedule_add_schedule_no_device_warning_text')}
+            style={{marginHorizontal: cx(24)}}
+            icon={res.ic_warning_amber}
+            contentColor={props.theme.global.warning}
+            text={I18n.getLang('timeschedule_add_schedule_no_device_warning_text')}
         />}
         {showMoodFanSelectText && <InfoText
-          style={{marginHorizontal: cx(24)}}
-          icon={res.ic_warning_amber}
-          contentColor="#FF9500"
-          text={I18n.getLang('timeschedule_add_schedule_devicestate_sec_warning_text')}
+            style={{marginHorizontal: cx(24)}}
+            icon={res.ic_warning_amber}
+            contentColor={props.theme.global.warnging}
+            text={I18n.getLang('timeschedule_add_schedule_devicestate_sec_warning_text')}
         />}
         {state.isManual ? (
           <ManualSettings
             dps={state.dps}
             applyForList={state.selectedSkill}
-            isSupportColor={props.isSupportColor}
-            isSupportBrightness={props.isSupportBrightness}
-            isSupportTemperature={props.isSupportTemperature}
-            isCeilingLight={props.isCeilingLight}
-            isUVCFan={props.isUVCFan}
+            isSupportColor={params.isSupportColor}
+            isSupportBrightness={params.isSupportBrightness}
+            isSupportTemperature={params.isSupportTemperature}
+            isCeilingLight={params.isCeilingLight}
+            isUVCFan={params.isUVCFan}
             manualData={state.manualData}
             onManualChange={manual => {
               // @ts-ignore
@@ -402,7 +460,7 @@ const TimeScheduleDetailPage = () => {
                 <MoodItem
                   enable={getMoodItemEnable(item)}
                   mood={item}
-                  isMix={!!(props.isMixLight || props.isCeilingLight)}
+                  isMix={!!(params.isMixLight || params.isCeilingLight)}
                   onSwitch={_ => {
                     state.mood = cloneDeep(item);
                   }}
@@ -441,67 +499,67 @@ const TimeScheduleDetailPage = () => {
           actions={<View style={{ flex: 1 }}>
             {state.isManual
               ? !!state.selectedSkill.length && (
-                <>
-                  {!!state.selectedSkill.filter(skill => skill.enable).length && (
-                    <>
-                      <Text style={{ fontSize: cx(14), color: '#000' }}>
-                        {I18n.getLang('feature_summary_action_txt_1')}
-                      </Text>
-                      <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
-                        {state.selectedSkill
-                          .filter(skill => skill.enable)
-                          .map(item => (
-                            <View
-                              style={[
-                                styles.summaryRight,
-                                { marginRight: cx(5), marginBottom: cx(5) },
-                              ]}
-                              key={item.dp}
-                            >
-                              <Text style={[styles.rightItem]}>{item.key}</Text>
-                            </View>
-                          ))}
-                      </View>
-                    </>
-                  )}
+              <>
+                {!!state.selectedSkill.filter(skill => skill.enable).length && (
+                  <>
+                    <Text style={{ fontSize: cx(14), color: props.theme.global.fontColor }}>
+                      {I18n.getLang('feature_summary_action_txt_1')}
+                    </Text>
+                    <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
+                      {state.selectedSkill
+                        .filter(skill => skill.enable)
+                        .map(item => (
+                          <View
+                            style={[
+                              styles.summaryRight,
+                              { marginRight: cx(5), marginBottom: cx(5) },
+                            ]}
+                            key={item.dp}
+                          >
+                            <Text style={[styles.rightItem]}>{item.key}</Text>
+                          </View>
+                        ))}
+                    </View>
+                  </>
+                )}
 
-                  {!!state.selectedSkill.filter(skill => !skill.enable).length && (
-                    <>
-                      <Text style={{ fontSize: cx(14) }}>
-                        {I18n.getLang('feature_summary_action_txt_2')}
-                      </Text>
-                      <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
-                        {state.selectedSkill
-                          .filter(skill => !skill.enable)
-                          .map((item) => (
-                            <View
-                              style={[
-                                styles.summaryRight,
-                                { marginRight: cx(5), marginBottom: cx(5) },
-                              ]}
-                              key={item.dp}
-                            >
-                              <Text style={[styles.rightItem]}>{item.key}</Text>
-                            </View>
-                          ))}
-                      </View>
-                    </>
-                  )}
-                </>
-              )
+                {!!state.selectedSkill.filter(skill => !skill.enable).length && (
+                  <>
+                    <Text style={{ fontSize: cx(14), color: props.theme.global.fontColor }}>
+                      {I18n.getLang('feature_summary_action_txt_2')}
+                    </Text>
+                    <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
+                      {state.selectedSkill
+                        .filter(skill => !skill.enable)
+                        .map((item) => (
+                          <View
+                            style={[
+                              styles.summaryRight,
+                              { marginRight: cx(5), marginBottom: cx(5) },
+                            ]}
+                            key={item.dp}
+                          >
+                            <Text style={[styles.rightItem]}>{item.key}</Text>
+                          </View>
+                        ))}
+                    </View>
+                  </>
+                )}
+              </>
+            )
               : !!state.moodName && (
-                <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
-                  <View style={[styles.summaryRight, { marginLeft: cx(5) }]}>
-                    <Text style={styles.rightItem}>{state.moodName}</Text>
-                  </View>
+              <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
+                <View style={[styles.summaryRight, { marginLeft: cx(5) }]}>
+                  <Text style={styles.rightItem}>{state.moodName}</Text>
                 </View>
-              )}
+              </View>
+            )}
           </View>}
         />
         <Spacer height={cx(30)} />
 
         {/* delete */}
-        {props.mode === 'edit' && (
+        {params.mode === 'edit' && (
           <View style={{ marginHorizontal: cx(24) }}>
             <DeleteButton
               text={I18n.getLang('edit_timeschedule_bttn_text')}
@@ -513,10 +571,10 @@ const TimeScheduleDetailPage = () => {
                   onConfirm: async (_, { close }) => {
                     state.loading = true;
                     close();
-                    const res = await props.modDeleteTimeSchedule('del', {...state.timeSchedule, status: 2}, state.timeSchedule.id.toString());
+                    const res = await params.modDeleteTimeSchedule('del', {...state.timeSchedule, status: 2}, state.timeSchedule.id.toString());
                     state.loading = false;
                     if (res.success) {
-                      props.refreshFn()
+                      params.refreshFn()
                       navigation.goBack();
                     }
                   },
@@ -550,20 +608,20 @@ const getDefaultManual = (props: TimeScheduleDetailPageParams): ComponentConfig
       : props.isMixLight
         ? DeviceType.MixLight
         : props.isCeilingLight
-        ? DeviceType.CeilingLight
-        : props.isFanLight ?
-        DeviceType.FanLight
-        : props.isCeilingLight 
-        ? DeviceType.CeilingLight
-        : DeviceType.LightSource;
+          ? DeviceType.CeilingLight
+          : props.isFanLight ?
+            DeviceType.FanLight
+            : props.isCeilingLight
+              ? DeviceType.CeilingLight
+              : DeviceType.LightSource;
   const deviceData =
     (deviceType === DeviceType.StripLight || deviceType === DeviceType.CeilingLight)
       ? defStripDeviceData
       : deviceType === DeviceType.MixLight
         ? defMixDeviceData
         : deviceType === DeviceType.FanLight
-        ? defFanLightDeviceData
-        : defDeviceData;
+          ? defFanLightDeviceData
+          : defDeviceData;
   // @ts-ignore
   return {
     type: deviceType,
@@ -574,77 +632,4 @@ const getDefaultManual = (props: TimeScheduleDetailPageParams): ComponentConfig
   };
 };
 
-const styles = StyleSheet.create({
-  cardContainer: {
-    marginHorizontal: cx(24),
-  },
-  itemTitle: {
-    color: '#000',
-    fontSize: cx(16),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  applyContent: {
-    backgroundColor: '#f6f6f6',
-    borderRadius: 4,
-    minHeight: cx(55),
-    flex: 1,
-    justifyContent: 'center',
-    paddingHorizontal: cx(10),
-  },
-  applyItem: {
-    paddingLeft: cx(5),
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    backgroundColor: '#fff',
-    height: cx(35),
-  },
-  moodScrollView: {
-    maxHeight: cx(500),
-  },
-  summaryContainer: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    marginBottom: cx(10),
-    marginHorizontal: cx(24),
-  },
-  summaryImg: {
-    height: cx(12),
-    width: cx(12),
-    tintColor: '#000',
-  },
-  summaryLeft: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: cx(90),
-  },
-  leftTitle: {
-    fontSize: cx(14),
-    color: '#000',
-    marginTop: 0,
-  },
-  summaryRight: {
-    flexDirection: 'column',
-    backgroundColor: '#cbcbcb',
-    borderRadius: cx(16),
-    alignItems: 'center'
-  },
-  rightItem: {
-    paddingHorizontal: cx(12),
-    color: '#000',
-    fontSize: cx(14)
-  },
-  switchButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: cx(10),
-  },
-  text: {
-    color: '#000',
-    fontSize: cx(14)
-  },
-});
-
-export default TimeScheduleDetailPage;
+export default withTheme(TimeScheduleDetailPage)