switch out buttons

Memmy-App · Jun 27, 2023 · bb8ccff · bb8ccff
1 parent d42c8a6
commit bb8ccff
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/components/screens/post/PostActionBar.tsx b/components/screens/post/PostActionBar.tsx
@@ -4,6 +4,7 @@ import React from "react";
 import { useNavigation } from "@react-navigation/native";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import {
+  IconBook,
   IconBookmark,
   IconMessageCirclePlus,
   IconShare2,
@@ -47,7 +48,13 @@ function PostActionBar({ post }: { post: UsePost }) {
 
   return (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
-    <HStack justifyContent="space-between" alignItems="center" mb={2} mx={4}>
+    <HStack
+      justifyContent="space-between"
+      alignItems="center"
+      mb={2}
+      mx={4}
+      py={1}
+    >
       <VoteButton
         onPressHandler={() => onVotePress(1)}
         type="upvote"
@@ -72,7 +79,8 @@ function PostActionBar({ post }: { post: UsePost }) {
         isAccented
       />
 
-      <IconButton
+      <IconButtonWithText
+        onPressHandler={post.doBookmark}
         icon={
           <IconBookmark
             size={25}
@@ -81,19 +89,17 @@ function PostActionBar({ post }: { post: UsePost }) {
             }
           />
         }
-        onPress={post.doBookmark}
-        backgroundColor={post.bookmarked ? colors.app.bookmark : "transparent"}
-        padding={2}
+        iconBgColor={post.bookmarked ? colors.app.bookmark : "transparent"}
       />
 
       <IconButtonWithText
         onPressHandler={onCommentPress}
         icon={<IconMessageCirclePlus color={colors.app.accent} size={25} />}
       />
 
-      <IconButton
+      <IconButtonWithText
         icon={<IconShare2 size={25} color={colors.app.accent} />}
-        onPress={onSharePress}
+        onPressHandler={onSharePress}
       />
     </HStack>
   );