@eohjsc/react-native-smart-city 0.3.91 → 0.3.92

package/src/screens/SetSchedule/index.js

@@ -1,200 +0,0 @@
-import React, { memo, useState, useCallback } from 'react';
-import { View, ScrollView } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-import moment from 'moment';
-
-import Text from '../../commons/Text';
-import { HeaderCustom } from '../../commons/Header';
-import WheelDateTimePicker from '../../commons/WheelDateTimePicker';
-import BottomButtonView from '../../commons/BottomButtonView';
-import Calendar from '../../commons/Calendar';
-import RepeatOptionsPopup from './components/RepeatOptionsPopup';
-import RowItem from './components/RowItem';
-import SelectWeekday from './components/SelectWeekday';
-import { useBoolean } from '../../hooks/Common';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-import styles from './styles/indexStyles';
-import { REPEAT_OPTIONS } from './components/RepeatOptionsPopup';
-import Routes from '../../utils/Route';
-import { popAction } from '../../navigations/utils';
-
-const SetSchedule = ({ route }) => {
-  const t = useTranslations();
-  const {
-    type,
-    unit,
-    isAutomateTab,
-    isMultiUnits,
-    automateId, // wilk=l remove later
-    automate = {},
-    scriptName,
-    oldType,
-  } = route?.params || {};
-  const { navigate, dispatch, goBack } = useNavigation();
-  const [repeat, setRepeat] = useState(automate.repeat || REPEAT_OPTIONS.ONCE);
-
-  const getDateString = (date) => {
-    const today = moment();
-    if (date.isSame(today, 'day')) {
-      return date.format(`[${t('today')}], D MMMM YYYY `);
-    }
-    return date.format('ddd, D MMMM YYYY');
-  };
-
-  const [time, setTime] = useState(
-    automate.time_repeat
-      ? moment(automate.time_repeat, 'HH:mm:ss')
-      : moment().second(0)
-  );
-  const [date, setDate] = useState(
-    automate.date_repeat ? moment(automate.date_repeat, 'YYYY-MM-DD') : moment()
-  );
-  const [weekday, setWeekday] = useState(automate.weekday_repeat || []);
-
-  const [showRepeatOptions, setShowRepeatOptions, setHideRepeatOptions] =
-    useBoolean();
-  const [showTimePicker, setShowTimePicker, setHideTimePicker] = useBoolean();
-  const [showCalendar, setShowCalendar, setHideCalendar] = useBoolean();
-
-  const handleOnSave = useCallback(() => {
-    navigate(Routes.AddNewOneTap, {
-      type: type,
-      unit: unit,
-      automateData: {
-        repeat: repeat,
-        time_repeat: time.format('HH:mm'),
-        date_repeat: date.format('YYYY-MM-DD'),
-        weekday_repeat: weekday,
-      },
-      automate: {
-        ...automate,
-        repeat: repeat,
-        time_repeat: time.format('HH:mm:ss'),
-        date_repeat: date.format('YYYY-MM-DD'),
-        weekday_repeat: weekday,
-      },
-      isAutomateTab,
-      isMultiUnits,
-      automateId,
-      scriptName,
-    });
-  }, [
-    navigate,
-    type,
-    unit,
-    repeat,
-    time,
-    date,
-    weekday,
-    automate,
-    isAutomateTab,
-    isMultiUnits,
-    automateId,
-    scriptName,
-  ]);
-
-  const onSetRepeatOption = useCallback(
-    (value) => {
-      setRepeat(value);
-      setHideRepeatOptions();
-    },
-    [setRepeat, setHideRepeatOptions]
-  );
-
-  const onTimePicked = useCallback(
-    (timeData) => {
-      setTime(moment(timeData));
-    },
-    [setTime]
-  );
-
-  const onDatePicked = useCallback(
-    (datePicked) => {
-      setDate(datePicked);
-    },
-    [setDate]
-  );
-
-  const onClose = useCallback(() => {
-    if (automateId) {
-      navigate(Routes.ScriptDetail, {
-        id: automateId,
-        name: scriptName,
-        type: oldType,
-        havePermission: true,
-        unit,
-        isMultiUnits,
-        isAutomateTab,
-      });
-    } else {
-      dispatch(popAction(4));
-      isAutomateTab && goBack();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isAutomateTab]);
-
-  return (
-    <>
-      <View style={styles.container}>
-        <HeaderCustom isShowClose onClose={onClose} />
-        <ScrollView
-          contentContainerStyle={styles.scollView}
-          scrollIndicatorInsets={{ right: 1 }}
-        >
-          <Text type="H2" bold style={styles.title}>
-            {t('set_schedule')}
-          </Text>
-          <RowItem
-            title={t('set_time')}
-            value={time.format('HH:mm')}
-            icon="clock-circle"
-            onPress={setShowTimePicker}
-          />
-          {repeat === REPEAT_OPTIONS.ONCE && (
-            <RowItem
-              title={t('select_date')}
-              value={getDateString(date)}
-              icon="calendar"
-              onPress={setShowCalendar}
-            />
-          )}
-          {repeat === REPEAT_OPTIONS.EVERYWEEK && (
-            <SelectWeekday weekday={weekday} setWeekday={setWeekday} />
-          )}
-          <RowItem
-            title={t('repeat')}
-            value={t(`${repeat}`)}
-            arrow
-            onPress={setShowRepeatOptions}
-          />
-        </ScrollView>
-        <BottomButtonView
-          style={styles.viewBottom}
-          mainTitle={t('save')}
-          onPressMain={handleOnSave}
-        />
-      </View>
-      <RepeatOptionsPopup
-        isVisible={showRepeatOptions}
-        onHide={setHideRepeatOptions}
-        onSetRepeat={onSetRepeatOption}
-      />
-      <WheelDateTimePicker
-        mode="time"
-        isVisible={showTimePicker}
-        defaultValue={time.valueOf()}
-        onCancel={setHideTimePicker}
-        onPicked={onTimePicked}
-      />
-      <Calendar
-        isVisible={showCalendar}
-        defaultDate={date}
-        minDate={moment()}
-        onCancel={setHideCalendar}
-        onConfirm={onDatePicked}
-      />
-    </>
-  );
-};
-
-export default memo(SetSchedule);