Bug fixes

Author: adityapawar1

src/components/ContentCard/ContentCard.tsx

@@ -44,32 +44,22 @@ function ContentCard({
   const { channels, initializeChannel, publish } = usePubSub();
 
   const savedStoryImageComponent = useMemo(() => {
-    return (
-      <Image
-        style={{ width: 30, height: 30 }}
-        source={savedStoryImage}
-      />
-    )
-  }, [])
+    return <Image style={{ width: 30, height: 30 }} source={savedStoryImage} />;
+  }, []);
   const saveStoryImageComponent = useMemo(() => {
-    return (
-      <Image
-        style={{ width: 30, height: 30 }}
-        source={saveStoryImage}
-      />
-    )
-  }, [])
+    return <Image style={{ width: 30, height: 30 }} source={saveStoryImage} />;
+  }, []);
 
   useEffect(() => {
     isStoryInReadingList(storyId, user?.id).then(storyInReadingList => {
-      setStoryIsSaved(storyInReadingList)
+      setStoryIsSaved(storyInReadingList);
       initializeChannel(storyId);
     });
   }, [storyId]);
 
   useEffect(() => {
     // if another card updates this story, update it here also
-    if (typeof channels[storyId] !== "undefined") {
+    if (typeof channels[storyId] !== 'undefined') {
       setStoryIsSaved(channels[storyId]);
     }
   }, [channels[storyId]]);
@@ -131,9 +121,9 @@ function ContentCard({
               </View>
             </View>
             <TouchableOpacity onPress={() => saveStory(!storyIsSaved)}>
-              {storyIsSaved ?
-                savedStoryImageComponent : saveStoryImageComponent
-              }
+              {storyIsSaved
+                ? savedStoryImageComponent
+                : saveStoryImageComponent}
             </TouchableOpacity>
           </View>
         </View>

src/components/PreviewCard/PreviewCard.tsx

@@ -53,37 +53,26 @@ function PreviewCard({
   const { channels, initializeChannel, publish } = usePubSub();
 
   const savedStoryImageComponent = useMemo(() => {
-    return (
-      <Image
-        style={{ width: 30, height: 30 }}
-        source={savedStoryImage}
-      />
-    )
-  }, [])
+    return <Image style={{ width: 30, height: 30 }} source={savedStoryImage} />;
+  }, []);
   const saveStoryImageComponent = useMemo(() => {
-    return (
-      <Image
-        style={{ width: 30, height: 30 }}
-        source={saveStoryImage}
-      />
-    )
-  }, [])
+    return <Image style={{ width: 30, height: 30 }} source={saveStoryImage} />;
+  }, []);
 
   useEffect(() => {
     isStoryInReadingList(storyId, user?.id).then(storyInReadingList => {
-      setStoryIsSaved(storyInReadingList)
+      setStoryIsSaved(storyInReadingList);
       initializeChannel(storyId);
     });
   }, [storyId]);
 
   useEffect(() => {
     // if another card updates this story, update it here also
-    if (typeof channels[storyId] !== "undefined") {
-      setStoryIsSaved(channels[storyId])
+    if (typeof channels[storyId] !== 'undefined') {
+      setStoryIsSaved(channels[storyId]);
     }
   }, [channels[storyId]]);
 
-
   useEffect(() => {
     isStoryInReadingList(storyId, user?.id).then(storyInReadingList =>
       setStoryIsSaved(storyInReadingList),
@@ -108,9 +97,7 @@ function PreviewCard({
             {title}
           </Text>
           <TouchableOpacity onPress={() => saveStory(!storyIsSaved)}>
-            {storyIsSaved ?
-              savedStoryImageComponent : saveStoryImageComponent
-            }
+            {storyIsSaved ? savedStoryImageComponent : saveStoryImageComponent}
           </TouchableOpacity>
         </View>
         <View style={styles.body}>

src/queries/savedStories.tsx

@@ -70,7 +70,9 @@ async function addUserStory(
   if (error) {
     if (process.env.NODE_ENV !== 'production') {
       throw new Error(
-        `An error occured when trying to set user saved stories: ${JSON.stringify(error)}`,
+        `An error occured when trying to set user saved stories: ${JSON.stringify(
+          error,
+        )}`,
       );
     }
   }

src/utils/AuthContext.tsx

@@ -31,13 +31,13 @@ export interface AuthState {
   resendVerification: (email: string) => Promise<AuthResponse>;
   resetPassword: (email: string) => Promise<
     | {
-      data: object;
-      error: null;
-    }
+        data: object;
+        error: null;
+      }
     | {
-      data: null;
-      error: AuthError;
-    }
+        data: null;
+        error: AuthError;
+      }
   >;
   updateUser: (attributes: UserAttributes) => Promise<UserResponse>;
   signOut: () => Promise<void>;

src/utils/PubSubContext.tsx

@@ -1,9 +1,4 @@
-import React, {
-  createContext,
-  useContext,
-  useMemo,
-  useState,
-} from 'react';
+import React, { createContext, useContext, useMemo, useState } from 'react';
 
 export interface PubSubState {
   channels: Record<number, boolean>;
@@ -31,17 +26,19 @@ export function BooleanPubSubProvider({
 }: {
   children: React.ReactNode;
 }) {
-  const [channels, setChannels] = useState<Record<number, boolean | undefined>>({})
+  const [channels, setChannels] = useState<Record<number, boolean | undefined>>(
+    {},
+  );
 
   const initializeChannel = (id: number) => {
     if (!(id in channels)) {
-      setChannels({ ...channels, [id]: undefined })
+      setChannels({ ...channels, [id]: undefined });
     }
-  }
+  };
 
   const publish = (id: number, message: boolean) => {
-    setChannels({ ...channels, [id]: message })
-  }
+    setChannels({ ...channels, [id]: message });
+  };
 
   const authContextValue = useMemo(
     () => ({