chanegs made

calblueprint · Apr 12, 2024 · 586197a · 586197a
1 parent 36fe4bf
commit 586197a
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 50 deletions.
diff --git a/src/components/ContentCard/ContentCard.tsx b/src/components/ContentCard/ContentCard.tsx
@@ -59,33 +59,22 @@ function ContentCard({
             </Text>
           </View>
           <View style={styles.buttons}>
-            <View>
-              <TouchableOpacity
-                onPress={() => null}
-                style={{ flexDirection: 'row' }}
-              >
-                <View
-                  style={[styles.reactions, { backgroundColor: '#FFCCCB' }]}
-                >
-                  <Emoji name="heart" />
-                </View>
-                <View
-                  style={[styles.reactions, { backgroundColor: '#FFD580' }]}
-                >
-                  <Emoji name="clap" />
-                </View>
-                <View
-                  style={[styles.reactions, { backgroundColor: '#89CFF0' }]}
-                >
-                  <Emoji name="muscle" />
-                </View>
-                {/* heart, clap, muscle, cry, ??? */}
-                <View style={styles.reactionNumber}>
-                  <Text style={[globalStyles.subtext, styles.reactionText]}>
-                    14{/*change number to work*/}
-                  </Text>
-                </View>
-              </TouchableOpacity>
+            <View style={{ flexDirection: 'row', gap: -7 }}>
+              <View style={[styles.reactions, { backgroundColor: '#FFCCCB' }]}>
+                <Emoji name="heart" />
+              </View>
+              <View style={[styles.reactions, { backgroundColor: '#FFD580' }]}>
+                <Emoji name="clap" />
+              </View>
+              <View style={[styles.reactions, { backgroundColor: '#89CFF0' }]}>
+                <Emoji name="muscle" />
+              </View>
+              {/* heart, clap, muscle, cry, ??? */}
+              <View style={styles.reactionNumber}>
+                <Text style={[globalStyles.subtext, styles.reactionText]}>
+                  14{/*change number to work*/}
+                </Text>
+              </View>
             </View>
             <TouchableOpacity onPress={() => saveStory()}>
               <Image

diff --git a/src/components/ContentCard/styles.ts b/src/components/ContentCard/styles.ts
@@ -50,7 +50,7 @@ const styles = StyleSheet.create({
     color: colors.grey,
   },
   reactionNumber: {
-    marginLeft: 10,
+    marginLeft: 14,
     marginTop: 16,
   },
   reactions: {

diff --git a/src/components/PreviewCard/PreviewCard.tsx b/src/components/PreviewCard/PreviewCard.tsx
@@ -76,27 +76,22 @@ function PreviewCard({
           </View>
         </View>
         <View style={styles.tagsContainer}>
-          <View>
-            <TouchableOpacity
-              onPress={() => null}
-              style={{ flexDirection: 'row' }}
-            >
-              <View style={[styles.reactions, { backgroundColor: '#FFCCCB' }]}>
-                <Emoji name="heart" />
-              </View>
-              <View style={[styles.reactions, { backgroundColor: '#FFD580' }]}>
-                <Emoji name="clap" />
-              </View>
-              <View style={[styles.reactions, { backgroundColor: '#89CFF0' }]}>
-                <Emoji name="muscle" />
-              </View>
-              {/* heart, clap, muscle, cry, ??? */}
-              <View style={styles.reactionNumber}>
-                <Text style={[globalStyles.subtext, styles.reactionText]}>
-                  14{/*change number to work*/}
-                </Text>
-              </View>
-            </TouchableOpacity>
+          <View style={{ flexDirection: 'row', gap: -7 }}>
+            <View style={[styles.reactions, { backgroundColor: '#FFCCCB' }]}>
+              <Emoji name="heart" />
+            </View>
+            <View style={[styles.reactions, { backgroundColor: '#FFD580' }]}>
+              <Emoji name="clap" />
+            </View>
+            <View style={[styles.reactions, { backgroundColor: '#89CFF0' }]}>
+              <Emoji name="muscle" />
+            </View>
+            {/* heart, clap, muscle, cry, ??? */}
+            <View style={styles.reactionNumber}>
+              <Text style={[globalStyles.subtext, styles.reactionText]}>
+                14{/*change number to work*/}
+              </Text>
+            </View>
           </View>
           <View style={styles.tagsRow}>
             {(tags?.length ?? 0) > 0 && (

diff --git a/src/components/PreviewCard/styles.ts b/src/components/PreviewCard/styles.ts
@@ -108,7 +108,7 @@ const styles = StyleSheet.create({
     color: colors.grey,
   },
   reactionNumber: {
-    marginLeft: 10,
+    marginLeft: 14,
     marginTop: 16,
   },
   storyDescription: {