From 586197a639d264a80fc73588a6ed8bbb4855b44c Mon Sep 17 00:00:00 2001
From: Marcos Hernandez <marcosh@berkeley.com>
Date: Thu, 11 Apr 2024 22:14:00 -0700
Subject: [PATCH] chanegs made

---
 src/components/ContentCard/ContentCard.tsx | 43 ++++++++--------------
 src/components/ContentCard/styles.ts       |  2 +-
 src/components/PreviewCard/PreviewCard.tsx | 37 ++++++++-----------
 src/components/PreviewCard/styles.ts       |  2 +-
 4 files changed, 34 insertions(+), 50 deletions(-)

diff --git a/src/components/ContentCard/ContentCard.tsx b/src/components/ContentCard/ContentCard.tsx
index 6232591..dd62a58 100644
--- 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
index ad4a5aa..f18d483 100644
--- 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
index 6b1c927..dfe7322 100644
--- 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
index 0f4ffb2..9f9520a 100644
--- 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: {