Merge pull request #114 from game-node-app/dev

Dev
game-node-app · Sep 14, 2024 · 36ea12b · 36ea12b
2 parents f60d0ca + cd65279
commit 36ea12b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/src/components/game/info/review/GameInfoReviewList.tsx b/src/components/game/info/review/GameInfoReviewList.tsx
@@ -109,10 +109,22 @@ const GameInfoReviewList = ({ gameId }: IGameInfoReviewListProps) => {
             ?.filter((review) => {
                 return review.profileUserId !== ownUserId;
             })
+            // Give priority to reviews with content
+            .toSorted((a, b) => {
+                if (a.content == null) {
+                    return 1;
+                } else if (b.content == null) {
+                    return -1;
+                }
+
+                return 0;
+            })
             .map((review) => {
                 return <ReviewListItem key={review.id} review={review} />;
             });
 
+        debugger;
+
         if (reviews == undefined || reviews.length === 0) {
             return (
                 <Text className={"text-center"}>

diff --git a/src/components/review/view/ReviewListItem.tsx b/src/components/review/view/ReviewListItem.tsx
@@ -109,7 +109,9 @@ const ReviewListItem = ({
                         size={isScoreOnlyReview ? "lg" : "md"}
                     />
                 </Flex>
-                <Stack className={`w-full lg:mt-auto lg:justify-end`}>
+                <Stack
+                    className={`w-full lg:justify-end ${isScoreOnlyReview ? "lg:mt-auto" : ""}`}
+                >
                     {isScoreOnlyReview ? null : (
                         <EditorContent
                             editor={nonEditableEditor}
@@ -121,15 +123,12 @@ const ReviewListItem = ({
                     <Group justify={withGameInfo ? "space-between" : "end"}>
                         {withGameInfo && gameQuery.data != undefined && (
                             <Box className={"w-6/12 lg:w-4/12"}>
-                                <Text>
-                                    on
-                                    <TextLink
-                                        href={`/game/${gameQuery.data?.id}`}
-                                        c={"dimmed"}
-                                    >
-                                        {gameQuery.data?.name}
-                                    </TextLink>
-                                </Text>
+                                <TextLink
+                                    href={`/game/${gameQuery.data?.id}`}
+                                    c={"dimmed"}
+                                >
+                                    {gameQuery.data?.name}
+                                </TextLink>
                             </Box>
                         )}
                         <Group>