From 3a87f7fa4c3df37779c31ecd1d1ea30f4a227f54 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 13 Nov 2023 15:30:57 -0300
Subject: [PATCH] refactor(market-card.tsx): wrap market card title with
 ShadTooltip component to add tooltip functionality for long names
 feat(market-card.tsx): add support for handling installation of components
 when already added and installable

---
 src/frontend/src/pages/StorePage/components/market-card.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx
index 90472a9b6..e38547df9 100644
--- a/src/frontend/src/pages/StorePage/components/market-card.tsx
+++ b/src/frontend/src/pages/StorePage/components/market-card.tsx
@@ -137,7 +137,9 @@ export const MarketCardComponent = ({
         <CardHeader>
           <div>
             <CardTitle className="flex w-full items-center justify-between gap-3 text-xl">
-              <span className="w-full truncate">{data.name}</span>
+              <ShadTooltip content={data.name}>
+                <div className="w-full truncate">{data.name}</div>
+              </ShadTooltip>
               <div className="flex gap-3">
                 {!data.is_component && (
                   <ShadTooltip content="Components">
@@ -238,6 +240,8 @@ export const MarketCardComponent = ({
                     }
                     if (!added) {
                       handleAdd();
+                    } else if (installable) {
+                      handleInstall();
                     }
                   }}
                 >