@ledvance/base 1.2.26 → 1.2.27

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.2.26",
+  "version": "1.2.27",
   "scripts": {},
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.6",

package/src/components/ApplyForDeviceItem.tsx

@@ -3,6 +3,7 @@ import React from 'react'
 import { Utils } from 'tuya-panel-kit'
 import { DeviceInfo } from '../api/native'
 import Spacer from './Spacer'
+import res from '../res'
 
 const cx = Utils.RatioUtils.convertX
 
@@ -13,16 +14,21 @@ export interface ApplyForDeviceItemProps {
 const ApplyForDeviceItem = (props: ApplyForDeviceItemProps) => {
   return (
     <View style={styles.root}>
-      <View style={styles.deviceInfo}>
-        <Image style={styles.deviceIcon} source={{ uri: props.deviceInfo.deviceIcon }}/>
-        <Text style={styles.deviceName}>{props.deviceInfo.deviceName}</Text>
-      </View>
-      <View style={styles.deviceRoomInfo}>
-        <View style={styles.roomNameTag}>
-          <Text style={styles.roomName}>{props.deviceInfo.roomName}</Text>
+      <View style={{ flex: 1 }}>
+        <View style={styles.deviceInfo}>
+          <Image style={styles.deviceIcon} source={{ uri: props.deviceInfo.deviceIcon }} />
+          <Text style={styles.deviceName}>{props.deviceInfo.deviceName}</Text>
+        </View>
+        <View style={styles.deviceRoomInfo}>
+          <View style={styles.roomNameTag}>
+            <Text style={styles.roomName}>{props.deviceInfo.roomName}</Text>
+          </View>
         </View>
+        <Spacer height={cx(6)} />
+      </View>
+      <View style={[styles.offlineIcon, {marginRight: cx(5)}]}>
+        {!props.deviceInfo.status && <Image style={styles.offlineIcon} source={res.offline_wifi} />}
       </View>
-      <Spacer height={cx(6)}/>
     </View>
   )
 }
@@ -31,6 +37,8 @@ const styles = StyleSheet.create({
   root: {
     marginHorizontal: cx(8),
     backgroundColor: '#fff',
+    flexDirection: 'row',
+    alignItems: 'center'
   },
   deviceInfo: {
     flex: 1,
@@ -67,6 +75,10 @@ const styles = StyleSheet.create({
     fontSize: cx(10),
     fontFamily: 'helvetica_neue_lt_std_roman',
   },
+  offlineIcon: {
+    width: cx(24),
+    height: cx(24)
+  }
 })
 
 export default ApplyForDeviceItem

package/src/res/index.ts

@@ -66,4 +66,5 @@ export default {
   ic_plus: require('./ic_plus.png'),
   ic_disabled_light: require('./ic_disabled_light.png'),
   ic_top_arrow: require('./ic_top_arrow.png'),
+  offline_wifi: require('./offlineWifi.png')
 }