From ea0fe99f82d3fe504cd58bc0cd32db138fe87710 Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Tue, 17 Nov 2020 12:40:52 -0500
Subject: [PATCH 1/4] Add tooltips

---
 plugins/catalog/src/components/AboutCard/AboutCard.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/plugins/catalog/src/components/AboutCard/AboutCard.tsx b/plugins/catalog/src/components/AboutCard/AboutCard.tsx
index 8da67d7493..89630d6f10 100644
--- a/plugins/catalog/src/components/AboutCard/AboutCard.tsx
+++ b/plugins/catalog/src/components/AboutCard/AboutCard.tsx
@@ -119,6 +119,7 @@ export function AboutCard({ entity, variant }: AboutCardProps) {
         action={
           <IconButton
             aria-label="Edit"
+            title="Edit Metadata"
             onClick={() => {
               window.open(codeLink.edithref || '#', '_blank');
             }}
@@ -133,7 +134,12 @@ export function AboutCard({ entity, variant }: AboutCardProps) {
               disabled={
                 !entity.metadata.annotations?.['backstage.io/techdocs-ref']
               }
-              label="View Techdocs"
+              label="View TechDocs"
+              title={
+                !entity.metadata.annotations?.['backstage.io/techdocs-ref']
+                  ? 'No TechDocs available'
+                  : ''
+              }
               icon={<DocsIcon />}
               href={`/docs/${
                 entity.metadata.namespace || ENTITY_DEFAULT_NAMESPACE
@@ -142,6 +148,7 @@ export function AboutCard({ entity, variant }: AboutCardProps) {
             <IconLinkVertical
               disabled={!entity.spec?.implementsApis}
               label="View API"
+              title={!entity.spec?.implementsApis ? 'No APIs available' : ''}
               icon={<ExtensionIcon />}
               href="api"
             />

From 8b7737d0b8f1dbe2e1f52ba30d9777241243b253 Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Tue, 17 Nov 2020 12:44:13 -0500
Subject: [PATCH 2/4] Add changeset

---
 .changeset/friendly-dodos-remember.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/friendly-dodos-remember.md

diff --git a/.changeset/friendly-dodos-remember.md b/.changeset/friendly-dodos-remember.md
new file mode 100644
index 0000000000..463d71f806
--- /dev/null
+++ b/.changeset/friendly-dodos-remember.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog': patch
+---
+
+Add About Card tooltips

From 5efc00c6a6c2b90c9c102c7b9ca93306893d9cbc Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Tue, 17 Nov 2020 13:45:11 -0500
Subject: [PATCH 3/4] Add typescript support for title

---
 .../components/AboutCard/IconLinkVertical/IconLinkVertical.tsx  | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/plugins/catalog/src/components/AboutCard/IconLinkVertical/IconLinkVertical.tsx b/plugins/catalog/src/components/AboutCard/IconLinkVertical/IconLinkVertical.tsx
index c054bc0d4e..dd267dde35 100644
--- a/plugins/catalog/src/components/AboutCard/IconLinkVertical/IconLinkVertical.tsx
+++ b/plugins/catalog/src/components/AboutCard/IconLinkVertical/IconLinkVertical.tsx
@@ -23,6 +23,7 @@ export type IconLinkVerticalProps = {
   icon?: React.ReactNode;
   href?: string;
   disabled?: boolean;
+  title?: string;
   label: string;
 };
 
@@ -57,6 +58,7 @@ export function IconLinkVertical({
       <Link
         className={classnames(classes.link, classes.disabled)}
         underline="none"
+        title={props.title}
         {...props}
       >
         {icon}

From b3a5e3b150f85517b6127959ddcedfd28794741c Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Tue, 17 Nov 2020 13:50:50 -0500
Subject: [PATCH 4/4] Add tooltips plural

---
 .github/styles/vocab.txt | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/styles/vocab.txt b/.github/styles/vocab.txt
index 3c5fa34adc..043b83a51f 100644
--- a/.github/styles/vocab.txt
+++ b/.github/styles/vocab.txt
@@ -192,6 +192,7 @@ tolerations
 Tolerations
 toolsets
 tooltip
+tooltips
 touchpoints
 ui
 upvote