From 7a8e4270a9cca875bd1546fa1a6a82214b0f90d9 Mon Sep 17 00:00:00 2001
From: Joshua Li <joshuali925@gmail.com>
Date: Wed, 28 Aug 2024 16:15:22 -0700
Subject: [PATCH] [discover] update query assist icon (#7898)

Signed-off-by: Joshua Li <joshuali925@gmail.com>
---
 .../public/assets/query_assist_mark.svg       | 38 ++++++++++---------
 .../query_assist/utils/create_extension.tsx   |  7 +++-
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/src/plugins/query_enhancements/public/assets/query_assist_mark.svg b/src/plugins/query_enhancements/public/assets/query_assist_mark.svg
index b744e8c35e8f..01699001144d 100644
--- a/src/plugins/query_enhancements/public/assets/query_assist_mark.svg
+++ b/src/plugins/query_enhancements/public/assets/query_assist_mark.svg
@@ -1,18 +1,22 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 23.9184C19.1377 23.6757 19.1208 22.9092 19.1208 22.2802V19.7544H20.5714C22.465 19.7544 24 18.3575 24 16.6343V5.12003C24 3.39684 22.465 2 20.5714 2H3.42857C1.53497 2 0 3.39688 0 5.12003V16.6343C0 18.3575 1.53502 19.7544 3.42857 19.7544H12.1536L17 23.3852C17.492 23.8271 17.8621 24.161 18.5 23.9184Z" fill="#963CBD"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 23.9184C19.1377 23.6757 19.1208 22.9092 19.1208 22.2802V19.7544H20.5714C22.465 19.7544 24 18.3575 24 16.6343V5.12003C24 3.39684 22.465 2 20.5714 2H3.42857C1.53497 2 0 3.39688 0 5.12003V16.6343C0 18.3575 1.53502 19.7544 3.42857 19.7544H12.1536L17 23.3852C17.492 23.8271 17.8621 24.161 18.5 23.9184Z" fill="url(#paint0_linear_6509_78043)"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 23.9184C19.1377 23.6757 19.1208 22.9092 19.1208 22.2802V19.7544H20.5714C22.465 19.7544 24 18.3575 24 16.6343V5.12003C24 3.39684 22.465 2 20.5714 2H3.42857C1.53497 2 0 3.39688 0 5.12003V16.6343C0 18.3575 1.53502 19.7544 3.42857 19.7544H12.1536L17 23.3852C17.492 23.8271 17.8621 24.161 18.5 23.9184Z" fill="url(#paint1_linear_6509_78043)"/>
-  <path d="M18.5051 9.14062C18.2317 9.14062 18.0101 9.36222 18.0101 9.63556C18.0101 13.7084 14.7084 17.0101 10.6356 17.0101C10.3622 17.0101 10.1406 17.2317 10.1406 17.5051C10.1406 17.7784 10.3622 18 10.6356 18C15.2551 18 19 14.2551 19 9.63556C19 9.36222 18.7784 9.14062 18.5051 9.14062Z" fill="#FCFEFF"/>
-  <path d="M15.5178 12.3125C15.9938 11.536 16.4541 10.5008 16.3635 9.05139C16.1759 6.04909 13.4566 3.77149 10.8889 4.01832C9.88366 4.11495 8.85149 4.93433 8.94319 6.40198C8.98304 7.03978 9.29521 7.4162 9.80252 7.70561C10.2854 7.98108 10.9058 8.15557 11.609 8.35337C12.4585 8.59231 13.4439 8.86068 14.2013 9.4188C15.109 10.0877 15.7295 10.8631 15.5178 12.3125Z" fill="#FCFEFF"/>
-  <path d="M5.8572 7.0625C5.38123 7.83895 4.92092 8.87423 5.01148 10.3236C5.19908 13.3259 7.91837 15.6035 10.4861 15.3567C11.4913 15.2601 12.5235 14.4407 12.4318 12.973C12.392 12.3352 12.0798 11.9588 11.5725 11.6694C11.0896 11.3939 10.4692 11.2194 9.76596 11.0216C8.91645 10.7827 7.93106 10.5143 7.17371 9.9562C6.26601 9.28728 5.64551 8.51188 5.8572 7.0625Z" fill="#FCFEFF"/>
-  <defs>
-    <linearGradient id="paint0_linear_6509_78043" x1="50" y1="-10.2851" x2="15.53" y2="27.0953" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#F65275"/>
-      <stop offset="1" stop-color="#F65275" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="paint1_linear_6509_78043" x1="12" y1="2" x2="12" y2="23.8402" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#00A3E0"/>
-      <stop offset="1" stop-color="#00A3E0" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="none" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#b)">
+<path d="m54.17 2.63-38.4 22.17c-6.08 3.51-9.83 10-9.83 17.03v44.34c0 7.03 3.75 13.52 9.83 17.03l38.4 22.17c6.08 3.51 13.58 3.51 19.66 0l38.4-22.17c6.08-3.51 9.83-10 9.83-17.03v-44.34c0-7.02-3.75-13.52-9.83-17.03l-38.4-22.17c-6.08-3.51-13.58-3.51-19.66 0z" fill="url(#a)"/>
+<path d="m100.98 35.15-30.49-17.6c-1.79-1.03-4.14-1.55-6.5-1.55s-4.71 0.52-6.5 1.55l-30.49 17.6c-3.57 2.06-6.5 7.13-6.5 11.25v35.2c0 4.13 2.92 9.19 6.5 11.25l30.49 17.6c1.79 1.03 4.14 1.55 6.5 1.55s4.71-0.52 6.5-1.55l30.49-17.6c3.57-2.06 6.5-7.13 6.5-11.25v-35.2c0-4.13-2.92-9.19-6.5-11.25zm-34.49 68.38c-0.28 0.16-1.17 0.48-2.5 0.48s-2.21-0.31-2.5-0.48l-30.49-17.6c-1.1-0.63-2.5-3.06-2.5-4.32v-35.2c0-1.27 1.4-3.69 2.5-4.32l30.49-17.6c0.28-0.16 1.17-0.48 2.5-0.48s2.21 0.31 2.5 0.48l30.49 17.6c1.1 0.63 2.5 3.06 2.5 4.32v33.47l-27.48-15.86v-3.29c0-0.82-0.44-1.58-1.15-2l-5.7-3.29c-0.36-0.21-0.75-0.31-1.15-0.31s-0.8 0.1-1.15 0.31l-5.7 3.29c-0.71 0.41-1.15 1.17-1.15 2v6.58c0 0.82 0.44 1.58 1.15 2l5.7 3.29c0.36 0.21 0.75 0.31 1.15 0.31s0.8-0.1 1.15-0.31l2.85-1.64 27.48 15.86-28.98 16.73-0.01-0.02z" fill="#fff"/>
+</g>
+<defs>
+<linearGradient id="a" x1="115.52" x2="18.86" y1="-9.57" y2="128.46" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A7F8FF" offset="0"/>
+<stop stop-color="#9DF1FF" offset=".03"/>
+<stop stop-color="#84E1FF" offset=".08"/>
+<stop stop-color="#5AC7FF" offset=".15"/>
+<stop stop-color="#21A2FF" offset=".22"/>
+<stop stop-color="#008DFF" offset=".26"/>
+<stop stop-color="#7F33FF" offset=".66"/>
+<stop stop-color="#39127D" offset=".99"/>
+</linearGradient>
+<clipPath id="b">
+<rect width="128" height="128" fill="#fff"/>
+</clipPath>
+</defs>
 </svg>
diff --git a/src/plugins/query_enhancements/public/query_assist/utils/create_extension.tsx b/src/plugins/query_enhancements/public/query_assist/utils/create_extension.tsx
index 2539f5a05835..2b86245cc43d 100644
--- a/src/plugins/query_enhancements/public/query_assist/utils/create_extension.tsx
+++ b/src/plugins/query_enhancements/public/query_assist/utils/create_extension.tsx
@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { i18n } from '@osd/i18n';
 import { HttpSetup } from 'opensearch-dashboards/public';
 import React, { useEffect, useState } from 'react';
 import { distinctUntilChanged, map, startWith, switchMap } from 'rxjs/operators';
@@ -14,8 +15,8 @@ import {
 } from '../../../../data/public';
 import { API } from '../../../common';
 import { ConfigSchema } from '../../../common/config';
-import { QueryAssistBanner, QueryAssistBar } from '../components';
 import assistantMark from '../../assets/query_assist_mark.svg';
+import { QueryAssistBanner, QueryAssistBar } from '../components';
 
 const [getAvailableLanguagesForDataSource, clearCache] = (() => {
   const availableLanguagesByDataSource: Map<string | undefined, string[]> = new Map();
@@ -90,7 +91,9 @@ export const createQueryAssistExtension = (
         return {
           type: DATA_STRUCTURE_META_TYPES.FEATURE,
           icon: { type: assistantMark },
-          tooltip: 'Query assist is available',
+          tooltip: i18n.translate('queryAssist.meta.icon.tooltip', {
+            defaultMessage: 'Query assist is available',
+          }),
         };
       }
     },