Truncate long job summaries and add tool tip

chapter-gtm · Dec 10, 2024 · c5318d7 · c5318d7
1 parent 1c5881a
commit c5318d7
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/frontend/src/components/opportunities/OpportunityContacts.tsx b/frontend/src/components/opportunities/OpportunityContacts.tsx
@@ -123,9 +123,22 @@ export function OpportunityContacts({
                     <BriefcaseBusiness width={18} />
                     <p>Summary</p>
                   </div>
-                  <p className="font-medium">
-                    {contact.summary ? contact.summary : "Empty"}
-                  </p>
+                  <TooltipProvider>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <p className="-ms-1.5 line-clamp-2 hover:bg-background/50 px-1.5 rounded-md flex-1">
+                          {contact.summary ? contact.summary : "Empty"}
+                        </p>
+                      </TooltipTrigger>
+                      {contact.summary && (
+                        <TooltipContent>
+                          <p className="max-w-xs whitespace-normal break-words p-2 text-sm">
+                            {contact.headline}
+                          </p>
+                        </TooltipContent>
+                      )}
+                    </Tooltip>
+                  </TooltipProvider>
                 </div>
 
                 <div className="flex flex-row items-start justify-start text-sm text-zinc-700 dark:text-zinc-200">