29/8, revisi dikit di button back screen profil dan screen notif

apps/screens/Notification/index.js

@@ -1,6 +1,32 @@
-import {Text} from '@components';
-
+import {Text, SafeAreaView, Header, Icon} from '@components';
+import {BaseStyle, BaseColor} from '../../config';
+import {useTranslation} from 'react-i18next';
 const Notification = props => {
-  return <Text>inni notif</Text>;
+  const {t} = useTranslation();
+  return (
+    <SafeAreaView
+      edges={['right', 'top', 'left']}
+      style={[BaseStyle.safeAreaView, {backgroundColor: BaseColor.whiteColor}]}>
+      <Header
+        title={t('notification')}
+        renderLeft={() => {
+          return (
+            <Icon
+              // name="angle-left"
+              name="arrow-left"
+              size={18}
+              color={BaseColor.corn70}
+              enableRTL={true}
+            />
+          );
+        }}
+        style={{height: 80}}
+        onPressLeft={() => {
+          navigation.goBack();
+        }}
+      />
+      <Text>inni notif</Text>
+    </SafeAreaView>
+  );
 };
 export default Notification;

apps/screens/Profile/index.js

@@ -12,6 +12,7 @@ const Profile = props => {
   const [loading, setLoading] = useState(false);
   const {t} = useTranslation();
   const dispatch = useDispatch();
+  const {navigation} = props;
 
   const onLogOut = () => {
     setLoading(true);