@eohjsc/react-native-smart-city 0.4.88 → 0.4.89

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.4.88",
+  "version": "0.4.89",
   "description": "TODO",
   "main": "index.js",
   "files": [

package/src/commons/Sharing/WrapHeaderScrollable.js

@@ -7,8 +7,6 @@ import {
   View,
 } from 'react-native';
 import { ActivityIndicator } from '@ant-design/react-native';
-import { isIphoneX } from 'react-native-iphone-x-helper';
-
 import { Colors, Theme } from '../../configs';
 import HeaderAni, { heightHeader } from '../../commons/HeaderAni';
 import Text from '../../commons/Text';
@@ -83,7 +81,7 @@ const WrapHeaderScrollable = ({
           />
         }
         contentInset={{
-          top: heightHeader - (isIphoneX() ? 32 : 0),
+          top: heightHeader,
         }}
         contentOffset={{
           y: -heightHeader,
@@ -116,8 +114,8 @@ const styles = StyleSheet.create({
   scrollView: {
     flex: 1,
     paddingTop: Platform.select({
-      ios: 15,
-      android: heightHeader + 16,
+      ios: 0,
+      android: heightHeader,
     }),
   },
   contentContainerStyle: {

package/src/screens/Notification/components/NotificationItem.js

@@ -16,6 +16,7 @@ import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { axiosPost } from '../../../utils/Apis/axios';
 import Routes from '../../../utils/Route';
 import styles from '../styles/NotificationItemStyles';
+import Notify from '../../../../assets/images/Notify.svg';
 
 const NotificationItem = memo(({ item }) => {
   const t = useTranslations();
@@ -442,7 +443,7 @@ const NotificationItem = memo(({ item }) => {
               },
             });
           },
-          iconContent: <Image source={logo} style={styles.logo} />,
+          iconContent: <Notify />,
         };
       default:
         return null;
@@ -498,7 +499,7 @@ const NotificationItem = memo(({ item }) => {
               {sub_content}
             </Text>
           )}
-          <Text color={Colors.Gray7} type="Label" style={[styles.time]}>
+          <Text color={Colors.Gray7} type="Label">
             {timeFormat}
           </Text>
         </View>

package/src/screens/Notification/index.js

@@ -99,7 +99,6 @@ const Notification = memo(() => {
         onLoadMore={handleOnLoadMore}
         onRefresh={onRefresh}
         disableLoadMore={page >= maxPageNotification}
-        styleScrollView={styles.styleScrollView}
       >
         {notifications.map((item, index) => (
           <NotificationItem item={item} key={index} />

package/src/screens/Notification/styles/NotificationItemStyles.js

@@ -3,9 +3,9 @@ import { Colors } from '../../../configs';
 
 export default StyleSheet.create({
   container: {
-    paddingHorizontal: 16,
-    paddingTop: 16,
-    paddingBottom: 16,
+    paddingHorizontal: 10,
+    paddingTop: 10,
+    paddingBottom: 10,
     flexDirection: 'row',
     backgroundColor: Colors.White,
   },
@@ -21,35 +21,22 @@ export default StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
+  iconNotification: {
+    width: '46%',
+  },
   viewRight: {
     flexShrink: 1,
   },
-  time: {
-    marginTop: 12,
-  },
-  iconNotification: {
-    width: '46%',
+  textNotification: {
+    lineHeight: 23,
   },
   backgroundSummer: {
     width: '46%',
     color: Colors.Summer,
   },
-  border: {
-    color: Colors.Primary,
-    paddingTop: 8,
-    paddingBottom: 8,
-    paddingHorizontal: 16,
-    borderColor: Colors.Primary,
-    borderWidth: 1,
-    borderRadius: 50,
-    width: 120,
-  },
   logo: {
     width: 20,
     height: 20,
     resizeMode: 'contain',
   },
-  textNotification: {
-    lineHeight: 23,
-  },
 });

package/src/screens/Notification/styles/indexStyles.js

@@ -1,7 +1,6 @@
 import { StyleSheet } from 'react-native';
 
 import { Colors } from '../../../configs';
-import { getStatusBarHeight } from '../../../configs/Constants';
 
 export default StyleSheet.create({
   wrap: {
@@ -17,7 +16,4 @@ export default StyleSheet.create({
   iconPlus: {
     marginRight: 22,
   },
-  styleScrollView: {
-    marginTop: getStatusBarHeight(),
-  },
 });