@ledvance/ui-biz-bundle 1.1.122 → 1.1.124

package/src/modules/randomTime/RandomTimeDetailPage.tsx

@@ -1,338 +0,0 @@
-import React, { useCallback, useEffect, useMemo } from "react";
-import { ScrollView, StyleSheet, View, Text, Image, TouchableOpacity } from "react-native";
-import { useReactive } from "ahooks";
-import Page from "@ledvance/base/src/components/Page";
-import { useNavigation, useRoute } from '@react-navigation/core'
-import I18n from "@ledvance/base/src/i18n";
-import res from "@ledvance/base/src/res";
-import LdvTopName from "@ledvance/base/src/components/ldvTopName";
-import TextField from "@ledvance/base/src/components/TextField";
-import LdvWeekView from '@ledvance/base/src/components/weekSelect'
-import { TimerPicker, Utils } from "tuya-panel-kit";
-import DeleteButton from "@ledvance/base/src/components/DeleteButton";
-import Spacer from "@ledvance/base/src/components/Spacer";
-import { loopText, showDialog } from "@ledvance/base/src/utils/common";
-import LampAdjustView from '@ledvance/base/src/components/LampAdjustView'
-import Card from "@ledvance/base/src/components/Card";
-import LdvSwitch from "@ledvance/base/src/components/ldvSwitch";
-import { RandomTimerItem } from "./RandomTimeActions";
-import { cloneDeep, isEqual } from "lodash";
-import Summary from "./Summary";
-import { getSystemTimeFormat } from "@ledvance/base/src/api/native";
-import { RandomTimePageParams } from "./RandomTimePage";
-
-const { parseTimer } = Utils.TimeUtils
-const { convertX: cx } = Utils.RatioUtils;
-
-export interface RandomTimeDetailPageParams extends RandomTimePageParams{
-  mode: 'add' | 'edit'
-  scheduleItem: RandomTimerItem
-  onPost: (mode: 'add' | 'edit' | 'del', randomTime: RandomTimerItem, goBack?: boolean) => Promise<void>
-}
-
-const RandomTimeDetailPage = () => {
-  const navigation = useNavigation()
-  const params = useRoute().params as RandomTimeDetailPageParams
-  const state = useReactive({
-    loading: false,
-    isColorMode: false,
-    is24Hour: true,
-    selectedSkill: params.applyDps.length === 1 ? params.applyDps : [],
-    skillList: params.applyDps.length === 1 ? [] : params.applyDps,
-    randomTime: params.mode === 'add' ? newRandomTime() : cloneDeep(params.scheduleItem)
-  })
-
-
-  useEffect(() => {
-    const { brightness, temperature, hue, saturation, value } = state.randomTime.color
-    const isColor = brightness === 0 && temperature === 0 && (hue !== 0 || saturation !== 0 || value !== 0)
-    state.isColorMode = isColor
-  }, [])
-
-  useEffect(() =>{
-    const getSystemTime = async () =>{
-      state.is24Hour = await getSystemTimeFormat() === 24
-    }
-    getSystemTime().then()
-  }, [])
-
-
-  const showClearIcon = useMemo(() => (
-    false
-  ), [state.skillList])
-
-
-  const showIcon = useCallback(() => {
-    return state.randomTime.name?.length > 0 && state.randomTime.name?.length <= 32
-  }, [state.randomTime.name])
-
-  const deleteDialog = () => {
-    return showDialog({
-      method: 'confirm',
-      title: I18n.getLang('cancel_dialog_delete_item_fixedtimecycle_titel'),
-      subTitle: I18n.getLang('cancel_dialog_delete_item_fixedtimecycle_description'),
-      onConfirm: async (_, { close }) => {
-        close()
-        await params.onPost('del', state.randomTime, true)
-      }
-    })
-  }
-
-  const showBackDialog = useCallback(() => {
-    if (params.mode === 'add') return false
-    return !(state.randomTime.name === params.scheduleItem.name &&
-      state.randomTime.startTime === params.scheduleItem.startTime &&
-      state.randomTime.endTime === params.scheduleItem.endTime &&
-      isEqual(state.randomTime.color, params.scheduleItem.color)) &&
-      isEqual(state.randomTime.weeks, params.scheduleItem.weeks)
-  }, [state.randomTime, params.scheduleItem])
-
-  return (
-    <Page
-      backText={I18n.getLang('randomtimecycle_sockets_headline_text')}
-      onBackClick={!showBackDialog() ? navigation.goBack : undefined}
-      rightButtonIcon={showIcon() ? res.ic_check : res.ic_uncheck}
-      rightButtonDisabled={state.loading}
-      loading={state.loading}
-      showBackDialog={showBackDialog()}
-      backDialogTitle={I18n.getLang('cancel_dialog_leave_unsaved_titel')}
-      backDialogContent={I18n.getLang('cancel_dialog_delete_item_randomtimecycle_description')}
-      rightButtonIconClick={async () => {
-        if (!showIcon()) return
-        state.loading = true
-        await params.onPost(params.mode, {
-          ...state.randomTime,
-          power: true,
-          color: {
-            hue: state.isColorMode ? state.randomTime.color.hue : 0,
-            saturation: state.isColorMode ? state.randomTime.color.saturation : 0,
-            value: state.isColorMode ? state.randomTime.color.value : 0,
-            temperature: state.isColorMode ? 0 : state.randomTime.color.temperature,
-            brightness: state.isColorMode ? 0 : state.randomTime.color.brightness
-          }
-        }, true)
-      }}
-    >
-      <ScrollView nestedScrollEnabled={true}>
-        <LdvTopName title={I18n.getLang(params.mode === 'add' ? 'add_fixedtimecycle_headline_text' : 'edit_fixedtimecycle_headline_text')} />
-        <TextField
-          style={styles.cardContainer}
-          value={state.randomTime.name}
-          showError={state.randomTime.name?.length > 32}
-          maxLength={33}
-          errorText={I18n.getLang('add_new_dynamic_mood_alert_text')}
-          placeholder={I18n.getLang('add_new_trigger_time_inputfield_value_text')}
-          onChangeText={(t: string) => {
-            state.randomTime.name = t;
-          }}
-        />
-        {/* pick */}
-        <TimerPicker
-          itemTextColor='#aeadb5'
-          style={{ paddingVertical: cx(0), marginVertical: cx(0) }}
-          is12Hours={!state.is24Hour}
-          startTime={state.randomTime.startTime}
-          endTime={state.randomTime.endTime}
-          onTimerChange={(startTime, endTime) => {
-            state.randomTime.startTime = startTime
-            state.randomTime.endTime = endTime
-          }} />
-        <LdvWeekView
-          value={state.randomTime.weeks}
-          style={styles.cardContainer}
-          onSelect={(index: number) => {
-            const rawIndex = index - 1
-            state.randomTime.weeks[rawIndex] = state.randomTime.weeks[rawIndex] === 1 ? 0 : 1
-          }} />
-        <Spacer />
-        <Text style={styles.cardContainer}>{loopText(state.randomTime.weeks)}</Text>
-        <Spacer />
-        {/* Apply for */}
-        <View style={styles.cardContainer}>
-          <Text style={styles.itemTitle}>{I18n.getLang('timeschedule_add_schedule_subheadline_text')}</Text>
-          <Spacer height={cx(10)} />
-          <View style={styles.applyContent}>
-            {state.selectedSkill.length === 0 ?
-              <Text>{I18n.getLang('timer_ceiling_fan_selectionfield_no_components_text')}</Text> :
-              state.selectedSkill.map((skill: any) => (
-                <View style={[styles.applyItem, { marginBottom: cx(10), borderRadius: 4 }]} key={skill.label}>
-                  <Text style={{ color: '#000' }}>{skill.label}</Text>
-                  {showClearIcon && <TouchableOpacity
-                    onPress={() => { }}
-                    style={{ paddingHorizontal: cx(5) }}>
-                    <Image style={{ width: cx(16), height: cx(16) }} source={res.ic_arrows_nav_clear} />
-                  </TouchableOpacity>}
-                </View>
-              ))
-            }
-          </View>
-          {state.skillList.map((item: any) => {
-            return (
-              <TouchableOpacity style={styles.applyItem} key={item.label} onPress={() => { }}>
-                <Text style={{ color: '#000' }}>{item.label}</Text>
-                <Image style={{ width: cx(16), height: cx(16) }} source={res.device_panel_timer_add} />
-              </TouchableOpacity>
-            )
-          })}
-        </View>
-        <Spacer />
-        {/* Devices */}
-        <View style={styles.cardContainer}>
-          <Text style={styles.itemTitle}>{I18n.getLang('timeschedule_add_schedule_subheadline2_text')}</Text>
-          <Spacer height={cx(10)} />
-          <Card>
-            <LdvSwitch
-              title={I18n.getLang('light_sources_tile_tw_lighting_headline')}
-              color={'#fff'}
-              colorAlpha={1}
-              enable={true}
-              setEnable={() => { }}
-              showSwitch={false}
-            />
-            <LampAdjustView
-              isSupportColor={params.isSupportColor}
-              isSupportBrightness={params.isSupportBrightness}
-              isSupportTemperature={params.isSupportTemperature}
-              isColorMode={state.isColorMode}
-              reserveSV={true}
-              setIsColorMode={(v) => state.isColorMode = v}
-              h={state.randomTime.color.hue}
-              s={state.randomTime.color.saturation}
-              v={state.randomTime.color.value}
-              colorTemp={state.randomTime.color.temperature}
-              brightness={state.randomTime.color.brightness}
-              onHSVChangeComplete={(h, s, v) => {
-                state.randomTime.color = {
-                  ...state.randomTime.color,
-                  hue: h,
-                  saturation: s,
-                  value: v
-                }
-              }}
-              onCCTChangeComplete={(v) => {
-                state.randomTime.color = {
-                  ...state.randomTime.color,
-                  temperature: v
-                }
-              }}
-              onBrightnessChangeComplete={(v) => {
-                state.randomTime.color = {
-                  ...state.randomTime.color,
-                  brightness: v
-                }
-              }}
-            />
-          </Card>
-          <Spacer />
-        </View>
-        {/* summary */}
-        <Summary 
-          frequency={loopText(state.randomTime.weeks)}
-          time={`${parseTimer(state.randomTime.startTime * 60)} - ${parseTimer(state.randomTime.endTime * 60)}`}
-          hideActions={true}
-        />
-        <Spacer />
-        {params.mode === 'edit' &&
-          <View style={{ marginHorizontal: cx(24) }}>
-            <DeleteButton
-              text={I18n.getLang('edit_fixedtimecycle_bttn_text')}
-              onPress={deleteDialog} />
-          </View>
-        }
-        <Spacer />
-      </ScrollView>
-    </Page>
-  )
-}
-
-const newRandomTime = () => {
-  return {
-    name: '',
-    power: true,
-    weeks: [0, 0, 0, 0, 0, 0, 0],
-    startTime: 480,
-    endTime: 840,
-    index: '',
-    channel: 1,
-    color: {
-      hue: 0,
-      saturation: 0,
-      value: 100,
-      brightness: 100,
-      temperature: 0,
-    }
-  }
-}
-
-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),
-    paddingTop: cx(10)
-  },
-  applyItem: {
-    paddingLeft: cx(5),
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    backgroundColor: '#fff',
-    height: cx(35),
-  },
-  summaryContainer: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    marginBottom: cx(10)
-  },
-  summaryLeft: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-  },
-  summaryImg: {
-    width: cx(12),
-    height: cx(12),
-    marginRight: cx(6)
-  },
-  leftTitle: {
-    fontSize: cx(14),
-    color: '#000'
-  },
-  summaryRight: {
-    flexDirection: 'column',
-    marginLeft: cx(21),
-    borderRadius: cx(16),
-    backgroundColor: '#cbcbcb',
-  },
-  rightItem: {
-    paddingHorizontal: cx(12),
-    color: '#000',
-  },
-  rightTitle: {
-    paddingLeft: cx(12),
-    paddingRight: cx(12),
-    fontSize: cx(10),
-    textAlign: 'center',
-    alignSelf: 'flex-start'
-  },
-  filletCorner: {
-    flexDirection: 'row',
-    backgroundColor: '#cbcbcb',
-    borderRadius: cx(16),
-    alignSelf: 'flex-start'
-  }
-})
-
-export default RandomTimeDetailPage

package/src/modules/randomTime/RandomTimePage.tsx

@@ -1,215 +0,0 @@
-import React, { useCallback } from 'react'
-import { FlatList, Image, ScrollView, StyleSheet, Text, View } from 'react-native'
-import Page from '@ledvance/base/src/components/Page'
-import { useDeviceInfo } from '@ledvance/base/src/models/modules/NativePropsSlice'
-import { useNavigation, useRoute } from '@react-navigation/core'
-import I18n from '@ledvance/base/src/i18n'
-import res from '@ledvance/base/src/res'
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import TextButton from '@ledvance/base/src/components/TextButton'
-import { SwitchButton, Utils } from 'tuya-panel-kit'
-import { RandomTimerItem, useRandomTime } from './RandomTimeActions'
-import Card from '@ledvance/base/src/components/Card'
-import { loopText } from '@ledvance/base/src/utils/common'
-import { cloneDeep, isEqual } from 'lodash'
-
-const { convertX: cx } = Utils.RatioUtils
-const { parseTimer } = Utils.TimeUtils
-const MAX_NUM = 10
-
-export interface RandomTimePageParams {
-  randomTimeDp: string
-  conflictDps: {
-    fixedTimeDp?: string
-    biorhythmDp?: string
-    sleepWakeUpDp?: string
-  }
-  isSocket?: boolean
-  showTags?: boolean
-  applyDps: {
-    label: string
-    dp: string
-    value: string
-  }[]
-  isSupportColor: boolean
-  isSupportTemperature: boolean
-  isSupportBrightness: boolean
-}
-
-const RandomTimePage = () => {
-  const navigation = useNavigation()
-  const devInfo = useDeviceInfo()
-  const params = useRoute().params as RandomTimePageParams
-  const [randomTime, setRandomTime] = useRandomTime(params.randomTimeDp)
-  const state = useReactive({
-    loading: false,
-    randomTimeList: randomTime,
-  })
-
-  useUpdateEffect(() => {
-    state.randomTimeList = randomTime
-  }, [randomTime])
-
-  const navigateToEdit = useCallback((mode: 'add' | 'edit', scheduleItem?: RandomTimerItem) => {
-    navigation.navigate(ui_biz_routerKey.ui_biz_random_time_edit, {
-      ...params,
-      mode,
-      scheduleItem: cloneDeep(scheduleItem),
-      onPost,
-    })
-  }, [])
-
-  const showMaxNumTip = useCallback(() => {
-    return state.randomTimeList.length >= MAX_NUM
-  }, [state.randomTimeList.length])
-
-  const onPost = useCallback(async (mode: 'add' | 'edit' | 'del', randomTime: RandomTimerItem, goBack?: boolean) => {
-    state.loading = true
-    const cloneFixedTimeList = cloneDeep(state.randomTimeList)
-    const idx = state.randomTimeList.findIndex(f => f.index === randomTime.index)
-    let manualEdit = false
-    if (mode === 'edit') {
-      const editItem = cloneFixedTimeList[idx]
-      manualEdit = isEqual(editItem, { ...randomTime, name: editItem.name })
-      cloneFixedTimeList.splice(idx, 1, randomTime)
-    }
-    if (mode === 'del') cloneFixedTimeList.splice(idx, 1)
-    const newFixedTimeList = mode === 'add' ? [...state.randomTimeList, randomTime] : cloneFixedTimeList
-    const res = await setRandomTime(newFixedTimeList, manualEdit)
-    state.loading = false
-    if (res.success && goBack) {
-      navigation.goBack()
-    }
-  }, [state.randomTimeList])
-
-  console.log('running page')
-  return (
-    <Page
-      backText={devInfo.name}
-      headlineText={I18n.getLang('randomtimecycle_sockets_headline_text')}
-      headlineIcon={!showMaxNumTip() ? res.device_panel_schedule_add : undefined}
-      onBackClick={navigation.goBack}
-      loading={state.loading}
-      onHeadlineIconClick={() => {
-        navigateToEdit('add')
-      }}
-    >
-      {state.randomTimeList.length > 0 ?
-        <ScrollView nestedScrollEnabled={true}>
-          <Text style={{
-            color: '#000',
-            marginLeft: cx(24),
-          }}>{I18n.getLang('timeschedule_overview_description_text')}</Text>
-          <Spacer height={cx(10)}/>
-          {showMaxNumTip() && <View style={{ marginHorizontal: cx(24), flexDirection: 'row' }}>
-            <Image style={{ width: cx(16), height: cx(16), tintColor: '#ff9500' }} source={res.ic_warning_amber}/>
-            <Text>{I18n.getLang('randomtimecycle_warning_max_number_text')}</Text>
-          </View>}
-          <FlatList
-            data={state.randomTimeList}
-            renderItem={({ item }) => (
-              <FixedTimeCard
-                randomTime={item}
-                onSwitch={(v) => {
-                  onPost('edit', {
-                    ...item,
-                    power: v,
-                  })
-                }}
-                onPress={() => {
-                  navigateToEdit('edit', item)
-                }}
-              />
-            )}
-            keyExtractor={(item: any) => `${item?.index}`}
-            ItemSeparatorComponent={() => <Spacer/>}
-            ListHeaderComponent={<Spacer height={cx(10)}/>}
-            ListFooterComponent={<Spacer/>}
-          />
-        </ScrollView> :
-        <View style={{ flex: 1, marginTop: cx(60), alignItems: 'center' }}>
-          <Image
-            style={{ width: cx(225), height: cx(198) }}
-            source={{ uri: res.ldv_timer_empty }}
-            resizeMode="contain"/>
-          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-            <Image
-              source={{ uri: res.device_panel_schedule_alert }}
-              style={{ width: cx(16), height: cx(16) }}
-            />
-            <Text style={{ color: '#000', fontSize: cx(12) }}>
-              {I18n.getLang('randomtimecycle_empty_information_text')}
-            </Text>
-          </View>
-          <Spacer/>
-          <TextButton
-            text={I18n.getLang('randomtimecycle_empty_bttn_text')}
-            style={{
-              backgroundColor: '#f60',
-              borderRadius: cx(6),
-              paddingVertical: cx(12),
-              paddingHorizontal: cx(24),
-            }}
-            textStyle={{ color: '#fff' }}
-            onPress={() => {
-              navigateToEdit('add')
-            }}/>
-        </View>
-      }
-    </Page>
-  )
-}
-
-const FixedTimeCard = (props: {
-  randomTime: RandomTimerItem,
-  onSwitch: (enable: boolean) => void,
-  onPress: () => void
-}) => {
-  const { randomTime, onSwitch, onPress } = props
-  return (
-    <Card style={styles.randomTimingCard} onPress={onPress}>
-      <Spacer height={cx(16)}/>
-      <View style={styles.switchLine}>
-        <Text style={styles.time}>
-          {`${parseTimer(randomTime.startTime * 60)} - ${parseTimer(randomTime.endTime * 60)}`}</Text>
-        <SwitchButton
-          style={styles.switchBtn}
-          value={randomTime.power}
-          thumbStyle={{ elevation: 0 }}
-          onValueChange={onSwitch}/>
-      </View>
-      <Text style={styles.loopText}>{loopText(randomTime.weeks, parseTimer(randomTime.startTime * 60))}</Text>
-      <Spacer height={cx(5)}/>
-      <Text style={styles.loopText}>{randomTime.name}</Text>
-      <Spacer/>
-    </Card>
-  )
-}
-
-const styles = StyleSheet.create({
-  randomTimingCard: {
-    marginHorizontal: cx(24),
-    paddingHorizontal: cx(16),
-  },
-  switchLine: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  time: {
-    flex: 1,
-    color: '#000',
-    fontSize: cx(16),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  switchBtn: {},
-  loopText: {
-    color: '#000',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-})
-
-export default RandomTimePage

package/src/modules/randomTime/Router.ts

@@ -1,25 +0,0 @@
-import {NavigationRoute} from "tuya-panel-kit";
-import RandomTimePage from "./RandomTimePage";
-import RandomTimeDetailPage from "./RandomTimeDetailPage";
-import {ui_biz_routerKey} from "../../navigation/Routers";
-
-const RandomTimePageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_random_time,
-    component: RandomTimePage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  },
-  {
-    name: ui_biz_routerKey.ui_biz_random_time_edit,
-    component: RandomTimeDetailPage,
-    options: {
-      hideTopbar: true,
-      showOfflineView: false,
-    },
-  }
-]
-
-export default RandomTimePageRouters

package/src/modules/randomTime/Summary.tsx

@@ -1,123 +0,0 @@
-import React, { ReactElement, memo } from "react";
-import { Text, Image, ViewStyle, View, StyleSheet } from 'react-native'
-import res from "@ledvance/base/src/res"
-import I18n from "@ledvance/base/src/i18n";
-import { Utils } from "tuya-panel-kit";
-import Spacer from "@ledvance/base/src/components/Spacer";
-
-const { convertX: cx } = Utils.RatioUtils;
-
-interface SummaryProps {
-  style?: ViewStyle
-  frequency?: string | ReactElement
-  time?: string | ReactElement
-  actions?: ReactElement
-  hideActions?: boolean
-}
-
-const Summary = (props: SummaryProps) => {
-  return (
-    <View style={styles.cardContainer}>
-      <Text style={styles.itemTitle}>{I18n.getLang('add_randomtimecycle_subheadline_text')}</Text>
-      <Spacer height={cx(10)} />
-      <View style={{}}>
-        <View style={styles.summaryContainer}>
-          <View style={styles.summaryLeft}>
-            <Image
-              source={res.summary_icon1}
-              resizeMode="contain"
-              style={styles.summaryImg}
-            />
-            <View>
-              <Text style={styles.leftTitle}>{I18n.getLang('feature_summary_frequency_headline')}</Text>
-            </View>
-          </View>
-          <View style={styles.summaryRight}>
-            <View style={styles.rightWrap}>
-              <Text style={styles.rightItem}>{props.frequency}</Text>
-            </View>
-          </View>
-        </View>
-        <View style={styles.summaryContainer}>
-          <View style={styles.summaryLeft}>
-            <Image
-              source={res.summary_icon2}
-              resizeMode="contain"
-              style={styles.summaryImg}
-            />
-            <View>
-              <Text style={styles.leftTitle}>{I18n.getLang('feature_summary_time_headline')}</Text>
-            </View>
-          </View>
-          <View style={styles.summaryRight}>
-            <View style={styles.rightWrap}>
-              <Text style={styles.rightItem}>{props.time}</Text>
-            </View>
-          </View>
-        </View>
-        {!props.hideActions && <View style={[styles.summaryContainer, { alignItems: 'flex-start' }]}>
-          <View style={styles.summaryLeft}>
-            <Image
-              source={res.summary_icon3}
-              resizeMode="contain"
-              style={styles.summaryImg}
-            />
-            <View>
-              <Text style={styles.leftTitle}>{I18n.getLang('motion_detection_add_time_schedule_actions_text1')}</Text>
-            </View>
-          </View>
-          <View style={styles.summaryRight}>
-            {props.actions}
-          </View>
-        </View>}
-      </View>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  cardContainer: {
-    marginHorizontal: cx(24),
-  },
-  itemTitle: {
-    color: '#000',
-    fontSize: cx(16),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  summaryContainer: {
-    flex: 1,
-    flexDirection: 'row',
-    marginBottom: cx(10),
-  },
-  summaryLeft: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: cx(100)
-  },
-  summaryImg: {
-    width: cx(12),
-    height: cx(12),
-    marginRight: cx(6)
-  },
-  leftTitle: {
-    fontSize: cx(14),
-    color: '#000'
-  },
-  summaryRight: {
-    flex: 1,
-    flexDirection: 'column',
-    marginLeft: cx(15),
-  },
-  rightWrap: {
-    borderRadius: cx(16),
-    paddingHorizontal: cx(12),
-    alignSelf: 'flex-start',
-    backgroundColor: '#cbcbcb',
-  },
-  rightItem: {
-    color: '#000',
-  },
-})
-
-export default memo(Summary)