fix(atomic): add tooltip to insight tabs (#4596)

** [SVCC-4285](https://coveord.atlassian.net/browse/SVCC-4285) Simply added tooltip to insight tabs ! [SVCC-4285]: https://coveord.atlassian.net/browse/SVCC-4285?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
coveo · Nov 1, 2024 · 2b7404f · 2b7404f
1 parent 94c445f
commit 2b7404f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/packages/atomic/src/components/common/tabs/tab-bar.tsx b/packages/atomic/src/components/common/tabs/tab-bar.tsx
@@ -148,6 +148,7 @@ export class TabBar {
         style="text-transparent"
         class="truncate rounded px-4 py-2 font-semibold"
         ariaLabel={tab.label}
+        title={tab.label}
         onClick={() => {
           tab.select();
           this.tabPopover?.togglePopover();

diff --git a/packages/atomic/src/components/insight/atomic-insight-tab/atomic-insight-tab.tsx b/packages/atomic/src/components/insight/atomic-insight-tab/atomic-insight-tab.tsx
@@ -95,6 +95,7 @@ export class AtomicInsightTab
         part="tab"
         class={buttonClasses.join(' ')}
         ariaLabel={this.bindings.i18n.t('tab-search', {label: this.label})}
+        title={this.label}
         ariaPressed={`${this.tabState.isActive}`}
         onClick={() => this.tab.select()}
       >

diff --git a/packages/atomic/src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.tsx b/packages/atomic/src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.tsx
@@ -90,6 +90,7 @@ export class AtomicIPXTab implements InitializableComponent {
         part="tab"
         class={buttonClasses.join(' ')}
         ariaLabel={this.bindings.i18n.t('tab-search', {label: this.label})}
+        title={this.label}
         ariaPressed={`${this.tabState.isActive}`}
         onClick={() => this.tab.select()}
       >