From c9a1b4a4314e0f51a8f16d99722667931827dfc8 Mon Sep 17 00:00:00 2001
From: farhantock <achmadfarhanmushafa@gmail.com>
Date: Thu, 6 Jun 2024 12:54:05 +0700
Subject: [PATCH] fix(notification): change layout view notification page

---
 src/screens/Notification.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/screens/Notification.js b/src/screens/Notification.js
index 5253aeb..ea31e77 100644
--- a/src/screens/Notification.js
+++ b/src/screens/Notification.js
@@ -1,14 +1,18 @@
 import React, { useEffect, useCallback, useMemo, useState, useRef } from 'react';
 import { Icon, Card, Text, Avatar, useTheme, IconButton, Appbar, Button } from 'react-native-paper';
 import { RefreshControl, StyleSheet, View, ScrollView, Image, Dimensions } from 'react-native';
+import { colors } from '../utils/color'
+import { strings } from '../utils/i18n';
+import { StatusBar } from 'react-native';
 export default function ServiceScreen({ route, navigation }) {
-    const LeftContent = () => <Avatar.Icon size={40} icon="bell" backgroundColor='#1C1B40' />
+    const LeftContent = () => <Avatar.Icon size={40} icon="bell" backgroundColor={colors.blue} />
     const RightContent = () => <Text variant="bodyMedium">3 hari yang lalu</Text>
     return (
         <View style={styles.container}>
+            <StatusBar backgroundColor={colors.pureWhite} barStyle='dark-content' translucent={true} />
             <Appbar.Header mode='center-aligned' style={{ backgroundColor: 'white' }}>
                 <Appbar.BackAction onPress={() => { navigation.goBack() }} />
-                <Appbar.Content title="Notifikasi" />
+                <Appbar.Content title={strings('global.notification')} />
                 <Appbar.Action icon='check-all' onPress={() => { }} />
             </Appbar.Header>
             <ScrollView>
@@ -27,12 +31,12 @@ const styles = StyleSheet.create({
     container: {
         flex: 1,
         marginTop: 20,
+        backgroundColor: colors.catskillWhite
     },
     card: {
         marginTop: 15,
         marginHorizontal: 10,
-        marginVertical: 2,
-        backgroundColor: 'white'
+        backgroundColor: colors.pureWhite
     },
 
 })
\ No newline at end of file