From 2cbf563b458ce54d6848eb4c997c02988f071212 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 20 Nov 2023 19:55:17 -0300
Subject: [PATCH] feat(cardComponent): add support for displaying private
 indicator on CollectionCardComponent feat(store): add 'private' property to
 storeComponent type to handle private components

---
 src/frontend/src/components/cardComponent/index.tsx | 7 +++++++
 src/frontend/src/types/store/index.ts               | 1 +
 2 files changed, 8 insertions(+)

diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 664752330..8f28910e1 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -144,6 +144,13 @@ export default function CollectionCardComponent({
               </ShadTooltip>
               {data?.metadata !== undefined && (
                 <div className="flex gap-3">
+                  {data.private && (
+                    <ShadTooltip content={data.private ? "Private" : "Public"}>
+                      <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
+                        <IconComponent name="Lock" className="h-4 w-4" />
+                      </span>
+                    </ShadTooltip>
+                  )}
                   {!data.is_component && (
                     <ShadTooltip content="Components">
                       <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
diff --git a/src/frontend/src/types/store/index.ts b/src/frontend/src/types/store/index.ts
index 157ac8193..331e16e30 100644
--- a/src/frontend/src/types/store/index.ts
+++ b/src/frontend/src/types/store/index.ts
@@ -10,6 +10,7 @@ export type storeComponent = {
   liked_by_user?: boolean;
   user_created?: { username: string };
   last_tested_version?: string;
+  private?: boolean;
 };
 
 export type StoreComponentResponse = {