feat: gnod the original post (#102)

* feat: gnod on original post * chore: reposting main post --------- Signed-off-by: Iuri Pereira <[email protected]>
gnoverse · Jun 19, 2024 · 86d04c0 · 86d04c0
1 parent 0fa7d9a
commit 86d04c0
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 13 deletions.
diff --git a/mobile/app/home/feed.tsx b/mobile/app/home/feed.tsx
@@ -10,7 +10,6 @@ import { selectAccount, setPostToReply, useAppDispatch, useAppSelector } from "@
 import Alert from "@gno/components/alert";
 import { FeedView } from "@gno/components/view";
 import { useGnoNativeContext } from "@gnolang/gnonative";
-import base64 from "base-64";
 
 export default function Page() {
   const [totalPosts, setTotalPosts] = useState(0);

diff --git a/mobile/components/feed/gnod-label.tsx b/mobile/components/feed/gnod-label.tsx
@@ -3,17 +3,29 @@ import { colors } from "@gno/styles/colors";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import Text from "../text";
 import Icons from "../icons";
+import { Post } from "@gno/types";
 
 interface Props {
-  gnodsCount: number;
-  onPress?: () => void;
+  onGnod: (post: Post) => void;
+  post: Post;
   style?: StyleProp<TextStyle> | undefined;
 }
 
-function GnodLabel({ gnodsCount, style, onPress }: Props) {
+function GnodLabel({ post, style, onGnod }: Props) {
+  const isRepost = Boolean(post && post.parent_id > 0);
+  const gnodsCount = isRepost ? post.parent_post?.n_gnods : post.n_gnods;
+
+  const onPress = () => {
+    if (post.parent_post) {
+      onGnod(post.parent_post);
+    } else {
+      onGnod(post);
+    }
+  };
+
   return (
     <TouchableOpacity onPress={onPress} style={[style, { flexDirection: "row", gap: 4 }]}>
-      {gnodsCount > 0 ? <Icons.Gnoded /> : <Icons.Gnod />}
+      {gnodsCount && gnodsCount > 0 ? <Icons.Gnoded /> : <Icons.Gnod />}
       <Text.Caption1 style={{ color: colors.text.secondary, marginTop: 2 }}>{gnodsCount} Gnods</Text.Caption1>
     </TouchableOpacity>
   );

diff --git a/mobile/components/feed/repost-button.tsx b/mobile/components/feed/repost-button.tsx
@@ -2,18 +2,25 @@ import { StyleProp, TextStyle, TouchableOpacity } from "react-native";
 import { colors } from "@gno/styles/colors";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import Text from "../text";
+import { Post } from "@gno/types";
 
 interface Props {
   style?: StyleProp<TextStyle> | undefined;
-  onPressRepost?: () => void;
+  onPressRepost: (post: Post) => void;
+  post: Post;
 }
 
-function RepostButton({ style, onPressRepost }: Props) {
+function RepostButton({ style, onPressRepost, post }: Props) {
+  const onPress = () => {
+    if (post.parent_post) {
+      onPressRepost(post.parent_post);
+    } else {
+      onPressRepost(post);
+    }
+  };
+
   return (
-    <TouchableOpacity
-      onPress={onPressRepost}
-      style={[style, { flexDirection: "row", paddingHorizontal: 12, alignItems: "center" }]}
-    >
+    <TouchableOpacity onPress={onPress} style={[style, { flexDirection: "row", paddingHorizontal: 12, alignItems: "center" }]}>
       <MaterialCommunityIcons name="arrow-u-left-top" size={16} color={colors.text.secondary} />
       <Text.Caption1 style={{ color: colors.text.secondary }}>Repost</Text.Caption1>
     </TouchableOpacity>

diff --git a/mobile/components/feed/tweet.tsx b/mobile/components/feed/tweet.tsx
@@ -57,8 +57,8 @@ export function Tweet({ post, onPress = func, onGnod = func, showFooter = true }
       </View>
       {showFooter ? (
         <View style={[styles.footer]}>
-          <GnodLabel style={styles.reply} gnodsCount={post.n_gnods} onPress={() => onGnod(post)} />
-          <RepostButton style={styles.reply} onPressRepost={() => onPressRepost(post)} />
+          <GnodLabel style={styles.reply} post={post} onGnod={onGnod} />
+          <RepostButton style={styles.reply} post={post} onPressRepost={onPressRepost} />
           <RepliesLabel replyCount={post.n_replies} style={styles.reply} />
         </View>
       ) : null}