[TMA - 398 AND TMA-430] Replace Providers with Redux Store (#125)

* First

* WIP

* Thunk

* Some more comments

* sc

* recent searches and follounfollow

* Edit profile dummy

* Block / unblock and some cleanup

* Replace auth provider

* Sc

* Delete AP  after rebase

* Discover users

* Cleanup

* More cleanup

* Replace profile provider

* Fixed build failure

* Fixed a bug reported

* Prevent app crash when backend server is down

1 files changed, 12 insertions, 7 deletions

diff --git a/src/components/profile/Cover.tsx b/src/components/profile/Cover.tsx
index 36e41776..3c0f7045 100644
--- a/src/components/profile/Cover.tsx
+++ b/src/components/profile/Cover.tsx
@@ -1,18 +1,23 @@
-import React from 'react';
+import React, {useContext} from 'react';
 import {Image, StyleSheet} from 'react-native';
 import Animated from 'react-native-reanimated';
 import {IMAGE_WIDTH, COVER_HEIGHT, IMAGE_HEIGHT} from '../../constants';
-import {AuthContext, ProfileContext} from '../../routes/';
+import {useSelector, useStore} from 'react-redux';
+import {RootState} from '../../store/rootreducer';
+import {ScreenType} from '../../types';
+import {DUMMY_USERID, NO_USER_DATA} from '../../store/initialStates';
 
 const {interpolate, Extrapolate} = Animated;
 interface CoverProps {
   y: Animated.Value<number>;
-  isProfileView: boolean;
+  userXId: string;
+  screenType: ScreenType;
 }
-const Cover: React.FC<CoverProps> = ({y, isProfileView}) => {
-  const {cover} = isProfileView
-    ? React.useContext(ProfileContext)
-    : React.useContext(AuthContext);
+const Cover: React.FC<CoverProps> = ({y, userXId, screenType}) => {
+  const {cover = ''} = userXId
+    ? useSelector((state: RootState) => state.userX[screenType][userXId])
+    : useSelector((state: RootState) => state.user);
+
   const scale: Animated.Node<number> = interpolate(y, {
     inputRange: [-COVER_HEIGHT, 0],
     outputRange: [1.5, 1.25],