From 80c450f3074442e4a4ab74e2e5b3f10a769ce706 Mon Sep 17 00:00:00 2001
From: Aditya Pawar <apawar@berkeley.edu>
Date: Tue, 23 Apr 2024 23:10:07 -0700
Subject: [PATCH] Run prettier

---
 src/app/(tabs)/story/index.tsx                | 18 +++++++++++-----
 src/components/AuthorImage/AuthorImage.tsx    |  6 +-----
 .../FavoriteStoryButton.tsx                   |  2 +-
 src/components/OptionBar/OptionBar.tsx        | 21 +++++++++----------
 src/components/OptionBar/styles.ts            |  3 +--
 5 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/app/(tabs)/story/index.tsx b/src/app/(tabs)/story/index.tsx
index c5a3d11..fb5b8ae 100644
--- a/src/app/(tabs)/story/index.tsx
+++ b/src/app/(tabs)/story/index.tsx
@@ -101,12 +101,16 @@ function StoryScreen() {
                   </View>
                 )}
               />
-
             </View>
-            <OptionBar story={story} storyId={parseInt(storyId as string, 10)} />
+            <OptionBar
+              story={story}
+              storyId={parseInt(storyId as string, 10)}
+            />
 
             <RenderHTML
-              source={{ html: `"${cheerio.load(story.excerpt.html ?? "").text()}"` }}
+              source={{
+                html: `"${cheerio.load(story.excerpt.html ?? '').text()}"`,
+              }}
               baseStyle={globalStyles.h2}
               contentWidth={width}
               systemFonts={fonts}
@@ -120,7 +124,8 @@ function StoryScreen() {
               systemFonts={fonts}
               source={story.content}
               contentWidth={width}
-              baseStyle={styles.story} />
+              baseStyle={styles.story}
+            />
 
             <TouchableOpacity>
               <Icon type="share_outline" />
@@ -150,7 +155,10 @@ function StoryScreen() {
               </Text>
             </View>
 
-            <OptionBar story={story} storyId={parseInt(storyId as string, 10)} />
+            <OptionBar
+              story={story}
+              storyId={parseInt(storyId as string, 10)}
+            />
 
             <Button
               textColor="black"
diff --git a/src/components/AuthorImage/AuthorImage.tsx b/src/components/AuthorImage/AuthorImage.tsx
index dfc0b30..92b1dc8 100644
--- a/src/components/AuthorImage/AuthorImage.tsx
+++ b/src/components/AuthorImage/AuthorImage.tsx
@@ -1,9 +1,5 @@
 import { router } from 'expo-router';
-import {
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 import { Image } from 'expo-image';
 
 import styles from './styles';
diff --git a/src/components/FavoriteStoryButton/FavoriteStoryButton.tsx b/src/components/FavoriteStoryButton/FavoriteStoryButton.tsx
index 3f40e03..d8408e1 100644
--- a/src/components/FavoriteStoryButton/FavoriteStoryButton.tsx
+++ b/src/components/FavoriteStoryButton/FavoriteStoryButton.tsx
@@ -41,7 +41,7 @@ export default function FavoriteStoryButton({
     }
 
     setStoryIsFavorited(value);
-  }, [channels[Channel.FAVORITES][storyId]])
+  }, [channels[Channel.FAVORITES][storyId]]);
 
   const favoriteStory = async (favorited: boolean) => {
     setStoryIsFavorited(favorited);
diff --git a/src/components/OptionBar/OptionBar.tsx b/src/components/OptionBar/OptionBar.tsx
index 867c27d..0c9863c 100644
--- a/src/components/OptionBar/OptionBar.tsx
+++ b/src/components/OptionBar/OptionBar.tsx
@@ -1,17 +1,17 @@
 import { Share } from 'react-native';
 import Icon from '../../../assets/icons';
-import { View } from "react-native";
-import ReactionPicker from "../ReactionPicker/ReactionPicker";
-import SaveStoryButton from "../SaveStoryButton/SaveStoryButton";
-import FavoriteStoryButton from "../FavoriteStoryButton/FavoriteStoryButton";
-import { TouchableOpacity } from "react-native-gesture-handler";
-import styles from "./styles";
+import { View } from 'react-native';
+import ReactionPicker from '../ReactionPicker/ReactionPicker';
+import SaveStoryButton from '../SaveStoryButton/SaveStoryButton';
+import FavoriteStoryButton from '../FavoriteStoryButton/FavoriteStoryButton';
+import { TouchableOpacity } from 'react-native-gesture-handler';
+import styles from './styles';
 import { Story } from '../../queries/types';
 
 type OptionBarProps = {
-  storyId: number
-  story: Story
-}
+  storyId: number;
+  story: Story;
+};
 
 function OptionBar({ storyId, story }: OptionBarProps) {
   const onShare = async () => {
@@ -45,8 +45,7 @@ function OptionBar({ storyId, story }: OptionBarProps) {
         </TouchableOpacity>
       </View>
     </View>
-
-  )
+  );
 }
 
 export default OptionBar;
diff --git a/src/components/OptionBar/styles.ts b/src/components/OptionBar/styles.ts
index 2a07036..6dcb70f 100644
--- a/src/components/OptionBar/styles.ts
+++ b/src/components/OptionBar/styles.ts
@@ -1,4 +1,3 @@
-
 import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
@@ -14,7 +13,7 @@ const styles = StyleSheet.create({
     alignSelf: 'flex-end',
     gap: 8,
     flexDirection: 'row',
-  }
+  },
 });
 
 export default styles;