From 1964db14cddad696b568334f15bf2ea8aa74d39b Mon Sep 17 00:00:00 2001
From: hemarina <hemarina@microsoft.com>
Date: Thu, 21 Sep 2023 11:19:25 -0700
Subject: [PATCH] fix warning

---
 .../src/components/gallery/ShowcaseCard/index.tsx  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/website/src/components/gallery/ShowcaseCard/index.tsx b/website/src/components/gallery/ShowcaseCard/index.tsx
index b13e060f..7933bdc4 100644
--- a/website/src/components/gallery/ShowcaseCard/index.tsx
+++ b/website/src/components/gallery/ShowcaseCard/index.tsx
@@ -20,7 +20,6 @@ import {
   Button,
   Badge,
   CardPreview,
-  Popup,
   Link as FluentUILink,
   ToggleButton,
   Input,
@@ -41,15 +40,16 @@ import {
   IPanelProps,
   Separator,
   IPivotStyles,
-  IInputProps,
+  Popup
 } from "@fluentui/react";
 import { title } from "process";
 
-const TagComp = React.forwardRef<HTMLLIElement, Tag>(
-  ({ label, description }) => (
+const TagComp = React.forwardRef<HTMLDivElement, Tag>(
+  ({ label, description }, ref) => (
     <Badge
       appearance="outline"
       size="medium"
+      ref={ref}
       title={description}
       color="informative"
       style={{
@@ -481,7 +481,8 @@ function ShowcaseCard({ user }: { user: User }) {
             WebkitLineClamp: "3",
             WebkitBoxOrient: "vertical",
           }}
-          onClick={openPanel}
+          // Disable panel until redesign of card panel completed
+          // onClick={openPanel}
         >
           {user.description}
         </div>
@@ -507,7 +508,8 @@ function ShowcaseCard({ user }: { user: User }) {
               gap: "4px",
               flexFlow: "wrap",
             }}
-            onClick={openPanel}
+            // Disable panel until Card Panel redesign completed
+            // onClick={openPanel}
           >
             <ShowcaseCardTag key={user.title} tags={user.tags} moreTag={true} />
           </div>