feat: add TooltipWrapper component for enhanced UI tooltips. (#1093)

Manancode · AceTheCreator · web-flow · commit 82a30b7967f2 · 2024-10-23T09:57:38.000+02:00
Co-authored-by: Cody's Dad &lt;40604284+AceTheCreator@users.noreply.github.com&gt;
diff --git a/library/src/containers/Info/Info.tsx b/library/src/containers/Info/Info.tsx
@@ -77,6 +77,7 @@ export const Info: React.FunctionComponent = () => {
                 <Href
                   className="border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1"
                   href={externalDocs.url()}
+                  title={externalDocs.description() ?? undefined}
                 >
                   <span>{EXTERAL_DOCUMENTATION_TEXT}</span>
                 </Href>

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,7 @@ export const Info: React.FunctionComponent = () => {`
`77`	`77`	`<Href`
`78`	`78`	`className="border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1"`
`79`	`79`	`href={externalDocs.url()}`
	`80`	`+ title={externalDocs.description() ?? undefined}`
`80`	`81`	`>`
`81`	`82`	`<span>{EXTERAL_DOCUMENTATION_TEXT}</span>`
`82`	`83`	`</Href>`