App is done

calblueprint · Apr 24, 2024 · 6db60b7 · 6db60b7
1 parent 6a70c4f
commit 6db60b7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 16 deletions.
diff --git a/src/app/(tabs)/story/index.tsx b/src/app/(tabs)/story/index.tsx
@@ -85,6 +85,7 @@ function StoryScreen() {
               <FlatList
                 style={styles.genres}
                 horizontal
+                showsHorizontalScrollIndicator={false}
                 data={story.genre_medium}
                 keyExtractor={(_, index) => index.toString()} // Add a key extractor for performance optimization
                 renderItem={({ item, index }) => (
@@ -127,10 +128,6 @@ function StoryScreen() {
               baseStyle={styles.story}
             />
 
-            <TouchableOpacity>
-              <Icon type="share_outline" />
-            </TouchableOpacity>
-
             <Text style={styles.authorProcess}>Author's Process</Text>
 
             <RenderHTML

diff --git a/src/components/FavoriteStoryButton/FavoriteStoryButton.tsx b/src/components/FavoriteStoryButton/FavoriteStoryButton.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 import Svg, { Path } from 'react-native-svg';
 
@@ -55,7 +55,7 @@ export default function FavoriteStoryButton({
     }
   };
 
-  const renderFavoritedIcon = () => {
+  const renderFavoritedIcon = useMemo(() => {
     return (
       <Svg width="30" height="30" viewBox="0 0 30 30" fill="none">
         <Path
@@ -64,9 +64,9 @@ export default function FavoriteStoryButton({
         />
       </Svg>
     );
-  };
+  }, []);
 
-  const renderNotFavoritedIcon = () => {
+  const renderNotFavoritedIcon = useMemo(() => {
     return (
       <Svg width="30" height="30" viewBox="0 0 30 30" fill="none">
         <Path
@@ -75,11 +75,11 @@ export default function FavoriteStoryButton({
         />
       </Svg>
     );
-  };
+  }, []);
 
   return (
     <TouchableOpacity onPress={() => favoriteStory(!storyIsFavorited)}>
-      {storyIsFavorited ? renderFavoritedIcon() : renderNotFavoritedIcon()}
+      {storyIsFavorited ? renderFavoritedIcon : renderNotFavoritedIcon}
     </TouchableOpacity>
   );
 }
diff --git a/src/components/SaveStoryButton/SaveStoryButton.tsx b/src/components/SaveStoryButton/SaveStoryButton.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 import Svg, { Path } from 'react-native-svg';
 
@@ -52,7 +52,7 @@ export default function SaveStoryButton({
     }
   };
 
-  const renderSavedStoryImage = () => {
+  const renderSavedStoryImage = useMemo(() => {
     return (
       <Svg width="30" height="30" viewBox="0 0 30 30" fill="none">
         <Path
@@ -61,9 +61,9 @@ export default function SaveStoryButton({
         />
       </Svg>
     );
-  };
+  }, []);
 
-  const renderSaveStoryImage = () => {
+  const renderSaveStoryImage = useMemo(() => {
     return (
       <Svg width="30" height="30" viewBox="0 0 30 30" fill="none">
         <Path
@@ -72,11 +72,11 @@ export default function SaveStoryButton({
         />
       </Svg>
     );
-  };
+  }, []);
 
   return (
     <TouchableOpacity onPress={() => saveStory(!storyIsSaved)}>
-      {storyIsSaved ? renderSavedStoryImage() : renderSaveStoryImage()}
+      {storyIsSaved ? renderSavedStoryImage : renderSaveStoryImage}
     </TouchableOpacity>
   );
 }