feat: improve beeps list in app

bnussman · Oct 20, 2024 · 58bc598 · 58bc598
1 parent dadfb58
commit 58bc598
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/app/components/Beep.tsx b/app/components/Beep.tsx
@@ -57,16 +57,22 @@ export function Beep({ item }: Props) {
               <Text weight="bold">Group size</Text>
               <Text>{item.groupSize}</Text>
             </View>
-            <View className="flex flex-row justify-between gap-12">
-              <Text weight="bold">Your Rating</Text>
-              <Text>{myRating ? printStars(myRating.stars) : "N/A"}</Text>
-            </View>
-            <View className="flex flex-row justify-between gap-12">
-              <Text weight="bold">{otherUser.first}'s Rating</Text>
-              <Text>
-                {otherUsersRating ? printStars(otherUsersRating.stars) : "N/A"}
-              </Text>
-            </View>
+            {item.status === "complete" && (
+              <>
+                <View className="flex flex-row justify-between gap-12">
+                  <Text weight="bold">Your Rating</Text>
+                  <Text>{myRating ? printStars(myRating.stars) : "N/A"}</Text>
+                </View>
+                <View className="flex flex-row justify-between gap-12">
+                  <Text weight="bold">{otherUser.first}'s Rating</Text>
+                  <Text>
+                    {otherUsersRating
+                      ? printStars(otherUsersRating.stars)
+                      : "N/A"}
+                  </Text>
+                </View>
+              </>
+            )}
           </View>
         </Card>
       </ContextMenu.Trigger>