From 12277dae670385bd6f6abda3ef50f0a8ae918d30 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Thu, 16 Nov 2023 10:27:14 -0300
Subject: [PATCH] feat(market-card.tsx): add display of user who created the
 market card for better user experience and context fix(index.ts): add
 user_created property to storeComponent type to match the API response
 structure

---
 src/frontend/src/pages/StorePage/components/market-card.tsx | 3 +++
 src/frontend/src/types/store/index.ts                       | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx
index d94706b4e..4d1337e65 100644
--- a/src/frontend/src/pages/StorePage/components/market-card.tsx
+++ b/src/frontend/src/pages/StorePage/components/market-card.tsx
@@ -174,6 +174,9 @@ export const MarketCardComponent = ({
           <CardDescription className="pb-2 pt-2">
             <div className="truncate-doubleline">{data.description}</div>
           </CardDescription>
+          <span className="flex items-center gap-1.5 text-xs text-foreground">
+            Created by: {data.user_created?.first_name}
+          </span>
         </CardHeader>
       </div>
 
diff --git a/src/frontend/src/types/store/index.ts b/src/frontend/src/types/store/index.ts
index 8ca9905d1..40f67b58c 100644
--- a/src/frontend/src/types/store/index.ts
+++ b/src/frontend/src/types/store/index.ts
@@ -8,6 +8,7 @@ export type storeComponent = {
   description: string;
   liked_by_count: number;
   liked_by_user?: boolean;
+  user_created: { first_name: string };
 };
 
 export type StoreComponentResponse = {