feat(atomic): change prop name and update typo

coveo · Jul 3, 2023 · 8a5b814 · 8a5b814
1 parent 4ee8afb
commit 8a5b814
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/packages/atomic/src/components.d.ts b/packages/atomic/src/components.d.ts
@@ -621,7 +621,7 @@ export namespace Components {
         /**
           * The text tooltip to show on the result action icon
          */
-        "label"?: string;
+        "tooltip": string;
     }
     interface AtomicInsightResultActionBar {
     }
@@ -3533,7 +3533,7 @@ declare namespace LocalJSX {
         /**
           * The text tooltip to show on the result action icon
          */
-        "label"?: string;
+        "tooltip"?: string;
     }
     interface AtomicInsightResultActionBar {
     }

diff --git a/...omic/src/components/insight/atomic-insight-result-action/atomic-insight-result-action.tsx b/...omic/src/components/insight/atomic-insight-result-action/atomic-insight-result-action.tsx
@@ -1,5 +1,5 @@
 import {Component, Prop, State, h} from '@stencil/core';
-import QuickView from '../../../images/quickview.svg';
+import Quickview from '../../../images/quickview.svg';
 import {
   InitializableComponent,
   InitializeBindings,
@@ -21,20 +21,20 @@ export class AtomicInsightResultAction implements InitializableComponent {
   /**
    * Specify the result action icon to display.
    */
-  @Prop() public icon = QuickView;
+  @Prop({mutable: true}) public icon = Quickview;
 
   /**
    * The text tooltip to show on the result action icon
    */
-  @Prop({reflect: true}) public label?: string;
+  @Prop({mutable: true}) public tooltip = '';
 
   public render() {
     return (
       <IconButton
-        icon={this.icon}
-        title={this.label}
-        style="outline-neutral"
         partPrefix="result-action"
+        style="outline-neutral"
+        icon={this.icon}
+        title={this.tooltip}
       />
     );
   }

diff --git a/packages/atomic/src/pages/examples/insights.html b/packages/atomic/src/pages/examples/insights.html
@@ -116,9 +116,9 @@
                   }
                 </style>
                 <atomic-insight-result-action-bar>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
                 </atomic-insight-result-action-bar>
                 <atomic-result-section-badges>
                   <atomic-field-condition must-match-sourcetype="Salesforce">
@@ -183,9 +183,9 @@
                   }
                 </style>
                 <atomic-insight-result-action-bar>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
                 </atomic-insight-result-action-bar>
                 <atomic-result-section-badges>
                   <atomic-field-condition must-match-sourcetype="Salesforce">
@@ -317,9 +317,9 @@
                   }
                 </style>
                 <atomic-insight-result-action-bar>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
-                  <atomic-insight-result-action title="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
+                  <atomic-insight-result-action tooltip="test"></atomic-insight-result-action>
                 </atomic-insight-result-action-bar>
                 <atomic-result-section-badges>
                   <atomic-field-condition must-match-sourcetype="Salesforce">