add score to pack secondary card

andrew-bierman · Sep 8, 2024 · aff140e · aff140e
1 parent 44b5ad1
commit aff140e
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 11 deletions.
diff --git a/packages/app/modules/feed/components/FeedCard/utils.ts b/packages/app/modules/feed/components/FeedCard/utils.ts
@@ -2,6 +2,7 @@ import { type FeedCardProps, type FeedItem } from 'modules/feed/model';
 import { formatDistanceToNowStrict } from 'date-fns';
 import { type PackDetails } from 'app/modules/pack';
 import { truncateString } from 'app/utils/truncateString';
+import { roundNumber } from 'app/utils';
 
 type Converter<Input, Result> = (
   input: Input,
@@ -23,7 +24,10 @@ export const feedItemPackCardConverter: Converter<
         ? input.owner_id
         : input.owner_id?.id || '',
     details: {
-      score: input.total_score,
+      score: !isNaN(input.total_score) ? roundNumber(input.total_score) : 0,
+      similarityScore: !isNaN(input.similarityScore)
+        ? roundNumber(input.similarityScore)
+        : undefined,
       weight: input.total_weight,
       quantity:
         input?.itemPacks?.reduce(

diff --git a/packages/app/modules/feed/model.ts b/packages/app/modules/feed/model.ts
@@ -9,6 +9,7 @@ export interface FeedItem {
     username: string;
   };
   name: string;
+  similarityScore?: number;
   total_weight: number;
   total_score: number;
   is_public: boolean;

diff --git a/packages/app/modules/pack/components/PackCard/PackSecondaryCard.tsx b/packages/app/modules/pack/components/PackCard/PackSecondaryCard.tsx
@@ -1,4 +1,4 @@
-import { Card, RStack } from '@packrat/ui';
+import { Card, RStack, RText } from '@packrat/ui';
 import React, { type FC } from 'react';
 import { PackImage } from './PackImage';
 import {
@@ -7,6 +7,7 @@ import {
   type FeedCardProps,
 } from 'app/modules/feed';
 import { type PackDetails } from 'app/modules/pack/model';
+import { StarIcon } from 'lucide-react-native';
 
 interface PackCardProps extends FeedCardProps<PackDetails> {}
 
@@ -20,16 +21,30 @@ export const PackSecondaryCard: FC<PackCardProps> = (props) => {
       }
       subtitle={<CreatedAtLabel date={props.createdAt} />}
       actions={
-        <RStack style={{ flexDirection: 'row', gap: 12 }}>
-          <FavoriteButton
-            count={props.favoriteCount}
-            isAuthUserFavorite={props.isUserFavorite}
-            onClick={(e) => {
-              e.stopPropagation();
-              e.preventDefault();
-              props.toggleFavorite();
+        <RStack
+          style={{
+            flexDirection: 'column',
+            alignSelf: 'stretch',
+            justifyContent: 'space-between',
+          }}
+        >
+          <RText>
+            {!isNaN(props.details.similarityScore) ? 'Similarity' : 'Score'}
+          </RText>
+          <RStack
+            style={{
+              flexDirection: 'row',
+              gap: 4,
+              alignItems: 'center',
             }}
-          />
+          >
+            <StarIcon size={16} />
+            <RText>
+              {!isNaN(props.details.similarityScore)
+                ? props.details.similarityScore
+                : props.details.score}
+            </RText>
+          </RStack>
         </RStack>
       }
       type={props.cardType}

diff --git a/packages/app/modules/pack/model.ts b/packages/app/modules/pack/model.ts
@@ -1,5 +1,6 @@
 export interface PackDetails {
   score?: number;
+  similarityScore?: number;
   quantity: number;
   weight: number;
 }
diff --git a/packages/app/utils/index.ts b/packages/app/utils/index.ts
@@ -0,0 +1 @@
+export * from './numberUtils';
diff --git a/packages/app/utils/numberUtils.ts b/packages/app/utils/numberUtils.ts
@@ -0,0 +1,2 @@
+export const roundNumber = (num: number) =>
+  Math.round((num + Number.EPSILON) * 100) / 100;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export const roundNumber = (num: number) =>
		Math.round((num + Number.EPSILON) * 100) / 100;