@ledvance/base 1.2.81 → 1.2.82

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.2.81",
+  "version": "1.2.82",
   "scripts": {
     "prepublishOnly": "python update-localazy.py"
   },

package/src/components/Summary.tsx

@@ -1,9 +1,10 @@
 import React, { ReactElement, memo } from "react";
-import { Text, Image, ViewStyle, View, StyleSheet } from 'react-native'
+import { Text, 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";
+import InfoText from "@ledvance/base/src/components/InfoText";
 
 const { convertX: cx } = Utils.RatioUtils;
 
@@ -18,20 +19,17 @@ interface SummaryProps {
 const Summary = (props: SummaryProps) => {
   return (
     <View style={styles.cardContainer}>
-      <Text style={styles.itemTitle}>{I18n.getLang('add_randomtimecycle_subheadline_text')}</Text>
+      <Text style={styles.itemTitle}>{I18n.getLang('add_sleepschedule_one_source_subheadline4_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>
+          <InfoText
+            icon={res.summary_icon1}
+            text={I18n.getLang('feature_summary_frequency_headline')}
+            iconStyle={styles.summaryImg}
+            textStyle={styles.leftTitle}
+            style={styles.summaryLeft}
+          />
           <View style={styles.summaryRight}>
             <View style={styles.rightWrap}>
               <Text style={styles.rightItem}>{props.frequency}</Text>
@@ -39,16 +37,13 @@ const Summary = (props: SummaryProps) => {
           </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>
+          <InfoText
+            icon={res.summary_icon2}
+            text={I18n.getLang('feature_summary_time_headline')}
+            iconStyle={styles.summaryImg}
+            textStyle={styles.leftTitle}
+            style={styles.summaryLeft}
+          />
           <View style={styles.summaryRight}>
             <View style={styles.rightWrap}>
               <Text style={styles.rightItem}>{props.time}</Text>
@@ -56,16 +51,13 @@ const Summary = (props: SummaryProps) => {
           </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>
+          <InfoText
+            icon={res.summary_icon3}
+            text={I18n.getLang('motion_detection_add_time_schedule_actions_text1')}
+            iconStyle={styles.summaryImg}
+            textStyle={styles.leftTitle}
+            style={styles.summaryLeft}
+          />
           <View style={styles.summaryRight}>
             {props.actions}
           </View>
@@ -108,6 +100,7 @@ const styles = StyleSheet.create({
     flex: 1,
     flexDirection: 'column',
     marginLeft: cx(15),
+    marginTop: cx(5)
   },
   rightWrap: {
     borderRadius: cx(16),
@@ -117,7 +110,6 @@ const styles = StyleSheet.create({
   },
   rightItem: {
     color: '#000',
-    fontSize: cx(14)
   },
 })