Added a property named showBeetleIcon t hide or show the beetle icon …

…on the feedback button (#884) * removed the scenario where beegleicon was only shown only for blue theme. added id to beetleicon also * version bump * updated package.lock * showBeetleIcon to hide or show the beetle icon --------- Co-authored-by: Shamsuddin Shamsuddin <[email protected]>
1-Platform · Jun 11, 2024 · d808506 · d808506
1 parent 16985d4
commit d808506
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/packages/opc-feedback/README.md b/packages/opc-feedback/README.md
@@ -87,14 +87,16 @@ import '@one-platform/opc-feedback/dist/opc-feedback';
 
 ## Properties
 
-| Name           | value                                                                                                                   |
-| -------------- | ----------------------------------------------------------------------------------------------------------------------- |
-| `spa`          | `String` value is expected, **View Feedback** link is hidden by default.                                                |
-| `docs`         | `String` value is expected, it is `undefined` by default.                                                               |
-| `summaryLimit` | `Number` value is expected, it is Infinite by default.                                                                  |
-| `app`          | `Object` value is expected `{ name: 'one platform', url: '/' }` is the default fallback url for docs                    |
-| `theme`        | Refer [themes](https://github.com/1-Platform/op-components/tree/master/packages/opc-feedback/README.md#themes) section. |
-| `target`       | `String` value is expected, it is `_self` by default. Specifies where to open the linked document Url                   |
+| Name            | value                                                                                                                   |
+| --------------- | ----------------------------------------------------------------------------------------------------------------------- |
+| `spa`           | `String` value is expected, **View Feedback** link is hidden by default.                                                |
+| `docs`          | `String` value is expected, it is `undefined` by default.                                                               |
+| `summaryLimit`  | `Number` value is expected, it is Infinite by default.                                                                  |
+| `app`           | `Object` value is expected `{ name: 'one platform', url: '/' }` is the default fallback url for docs                    |
+| `theme`         | Refer [themes](https://github.com/1-Platform/op-components/tree/master/packages/opc-feedback/README.md#themes) section. |
+| `target`        | `String` value is expected, it is `_self` by default. Specifies where to open the linked document Url                   |
+| `showBeetleIcon`| `Boolean` value is expected, it is true by default. Specifies to show or hide the parent beetle icon on the button      |
+
 
 ### Default Template
 

diff --git a/packages/opc-feedback/package-lock.json b/packages/opc-feedback/package-lock.json
diff --git a/packages/opc-feedback/package.json b/packages/opc-feedback/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@one-platform/opc-feedback",
-  "version": "0.2.1-alpha",
+  "version": "0.2.2-alpha",
   "description": "opc-feedback component follows the One Platform design system and can be used as a popup to collect feedback from the end-users.",
   "scripts": {
     "dev": "webpack serve",

diff --git a/packages/opc-feedback/src/opc-feedback.ts b/packages/opc-feedback/src/opc-feedback.ts
@@ -30,6 +30,7 @@ export class OpcFeedback extends LitElement {
   @property({ type: String, attribute: 'spa' }) spa = undefined;
   @property({ type: String, attribute: 'docs' }) docs = undefined;
   @property({ type: String, attribute: 'target' }) target = undefined;
+  @property({ type: Boolean, attribute: 'showBeetleIcon' }) showBeetleIcon = true;
   @property({ reflect: true }) theme = 'red';
   @property({ type: Object }) template = defaultTemplate;
   @property({ type: Object }) app = defaultApplication;
@@ -169,7 +170,7 @@ export class OpcFeedback extends LitElement {
       this._openConfirmationModal ||
       this._openInitialModal ||
       this._openBugModal;
-    if (!isModelOpen) {
+    if (!isModelOpen && this.showBeetleIcon) {
       return html`<img
         src=${beetleIcon}
         width="20px"