[TMA-461] Notifications Screen (#151)

* renamed ProfileStack to MainStack, created initial notifications data type

* cleaned up code

* added notifications to redux

* finished sectioned list

* updated types to make more sense

* finished sectioned notifications by date

* updated notification type and tested mock backend integration

* finished read or unread logic

* minor changes

* another minor fix

* finished integration

* moved stuff

* added ability to navigate to user profile

Co-authored-by: Husam Salhab <47015061+hsalhab@users.noreply.github.com>

1 files changed, 8 insertions, 27 deletions

diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index cc18e457..49c79e2d 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -14,12 +14,14 @@ import RNFetchBlob from 'rn-fetch-blob';
 import AsyncStorage from '@react-native-community/async-storage';
 import {PROFILE_PHOTO_THUMBNAIL_ENDPOINT} from '../../constants';
 import {UserType, PreviewType} from '../../types';
-import {isUserBlocked} from '../../services';
+import {isUserBlocked, loadAvatar} from '../../services';
 import {useSelector, useDispatch, useStore} from 'react-redux';
 import {RootState} from '../../store/rootreducer';
 import {logout} from '../../store/actions';
 import {fetchUserX, userXInStore} from '../../utils';
+import {SearchResultsBackground} from '../search';
 import NavigationBar from 'src/routes/tabs';
+
 const NO_USER: UserType = {
   userId: '',
   username: '',
@@ -52,34 +54,13 @@ const ProfilePreview: React.FC<ProfilePreviewProps> = ({
   const dispatch = useDispatch();
   useEffect(() => {
     let mounted = true;
-    const loadAvatar = async () => {
-      try {
-        const token = await AsyncStorage.getItem('token');
-        if (!token) {
-          setUser(NO_USER);
-          return;
-        }
-        const response = await RNFetchBlob.config({
-          fileCache: true,
-          appendExt: 'jpg',
-        }).fetch('GET', PROFILE_PHOTO_THUMBNAIL_ENDPOINT + `${id}/`, {
-          Authorization: 'Token ' + token,
-        });
-        const status = response.info().status;
-        if (status === 200) {
-          if (mounted) {
-            setAvatarURI(response.path());
-          }
-          return;
-        }
-        if (mounted) {
-          setAvatarURI('');
-        }
-      } catch (error) {
-        console.log(error);
+    const loadAvatarImage = async () => {
+      const response = await loadAvatar(id, true);
+      if (mounted) {
+        setAvatarURI(response);
       }
     };
-    loadAvatar();
+    loadAvatarImage();
     return () => {
       mounted = false;
     };