From bce6f948814e1ff48d3a23dd7196e1d0353615d1 Mon Sep 17 00:00:00 2001
From: pinocchio-life-like <icbr19fl@gmail.com>
Date: Sun, 5 Jan 2025 23:49:12 +0300
Subject: [PATCH] trip activity fix

---
 .../trip/TripCards/TripActivityCard.tsx       | 10 ++++----
 packages/app/modules/item/hooks/useItem.ts    | 23 ++++++++++++++++++-
 .../item/screens/ItemDetailsScreen.tsx        |  2 +-
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/packages/app/components/trip/TripCards/TripActivityCard.tsx b/packages/app/components/trip/TripCards/TripActivityCard.tsx
index d92f2a9f4..2f5e83a25 100644
--- a/packages/app/components/trip/TripCards/TripActivityCard.tsx
+++ b/packages/app/components/trip/TripCards/TripActivityCard.tsx
@@ -10,10 +10,12 @@ import { Select as OriginalSelect } from '@packrat/ui';
 
 const Select: any = OriginalSelect;
 
-const ActivityOptions = Object.values(TripActivity).map((activity) => ({
-  label: formatTripActivityLabel(activity),
-  value: activity,
-}));
+const ActivityOptions = TripActivity
+  ? Object.values(TripActivity).map((activity) => ({
+      label: formatTripActivityLabel(activity),
+      value: activity,
+    }))
+  : [];
 
 interface TripActivityCardProps {
   onChange: (activity: string) => void;
diff --git a/packages/app/modules/item/hooks/useItem.ts b/packages/app/modules/item/hooks/useItem.ts
index bab2eff5a..8260d94c7 100644
--- a/packages/app/modules/item/hooks/useItem.ts
+++ b/packages/app/modules/item/hooks/useItem.ts
@@ -1,10 +1,29 @@
 import { useAuthUser } from 'app/modules/auth';
 import { queryTrpc } from 'app/trpc';
 
+type Item = {
+  id: string;
+  name: string;
+  weight: number;
+  unit: string;
+  categoryId: string;
+  ownerId: string;
+  global: boolean;
+  sku: string;
+  productUrl: string;
+  description: string;
+  productDetails: Record<string, string | number | boolean>;
+  seller: string;
+  createdAt: string;
+  updatedAt: string;
+  images: { url: string }[];
+  category: { id: string; name: string };
+};
+
 export const useItem = (itemId?: string) => {
   const user = useAuthUser();
   const { refetch, data, error, isLoading, isError } =
-    queryTrpc.getItemById.useQuery(
+    queryTrpc.getItemById.useQuery<Item>(
       { id: itemId ?? '' },
       {
         enabled: !!itemId, // to ensure the query runs only when packId is available
@@ -16,5 +35,7 @@ export const useItem = (itemId?: string) => {
     );
   const isOwner = data && user && data.ownerId === user.id;
 
+  console.log('useItem', { data });
+
   return { refetch, data, error, isLoading, isOwner, isError };
 };
diff --git a/packages/app/modules/item/screens/ItemDetailsScreen.tsx b/packages/app/modules/item/screens/ItemDetailsScreen.tsx
index 5274b9d29..b1b680492 100644
--- a/packages/app/modules/item/screens/ItemDetailsScreen.tsx
+++ b/packages/app/modules/item/screens/ItemDetailsScreen.tsx
@@ -42,7 +42,7 @@ export function ItemDetailsScreen() {
 
         {Platform.OS === 'web' ? (
           <RLink to={`/products`}>
-            <RText style={styles.breadcrumbLink}>{item?.categoryId}</RText>
+            <RText style={styles.breadcrumbLink}>{item?.category?.name}</RText>
           </RLink>
         ) : (
           <TouchableOpacity onPress={() => router.push('/products')}>