From fc403e6c0f5207c84b65f5902d7729c53ebdbf46 Mon Sep 17 00:00:00 2001
From: Mykola Shlyakhtun <mykola.shlyakhtun@gmail.com>
Date: Fri, 14 Jun 2024 21:31:15 +0300
Subject: [PATCH] AI: AI fixes buttons in the sidebar go blank after opening
 and closing the metabox #1621 Revert image.

---
 .../components/sparkles-icon.js               |  9 ++---
 .../__snapshots__/SparklesIcon.test.js.snap   | 34 +++++++++----------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/packages/js/src/ai-assessment-fixes/components/sparkles-icon.js b/packages/js/src/ai-assessment-fixes/components/sparkles-icon.js
index 7213bf3cdb8..99e2045bbea 100644
--- a/packages/js/src/ai-assessment-fixes/components/sparkles-icon.js
+++ b/packages/js/src/ai-assessment-fixes/components/sparkles-icon.js
@@ -8,15 +8,16 @@ import propTypes from "prop-types";
 export const SparklesIcon = ( { pressed = false } ) => {
 	return (
 		<>
-			<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+			<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 				<path
-					d="M3.33284 2.96991V5.63658M1.99951 4.30324H4.66618M3.99951 12.3032V14.9699M2.66618 13.6366H5.33284M8.66618 2.96991L10.19 7.54134L13.9995 8.96991L10.19 10.3985L8.66618 14.9699L7.14237 10.3985L3.33284 8.96991L7.14237 7.54134L8.66618 2.96991Z"
-					stroke={ pressed ? "white" : "url(#paint0_linear_1538_754)" } strokeWidth="1.33333" strokeLinecap="round"
+					d="M3.33284 2V4.66667M1.99951 3.33333H4.66618M3.99951 11.3333V14M2.66618 12.6667H5.33284M8.66618 2L10.19 6.57143L13.9995 8L10.19 9.42857L8.66618 14L7.14237 9.42857L3.33284 8L7.14237 6.57143L8.66618 2Z"
+					stroke={ pressed ? "white" : "url(#paint0_linear_1208_188)" } strokeWidth="1.33333"
+					strokeLinecap="round"
 					strokeLinejoin="round"
 				/>
 				<defs>
 					<linearGradient
-						id="paint0_linear_1538_754" x1="1.99951" y1="2.96991" x2="15.3308" y2="4.69764"
+						id="paint0_linear_1208_188" x1="0" y1="0" x2="16" y2="16"
 						gradientUnits="userSpaceOnUse"
 					>
 						<stop stopColor="#A61E69" />
diff --git a/packages/js/tests/ai-assessment-fixes/components/__snapshots__/SparklesIcon.test.js.snap b/packages/js/tests/ai-assessment-fixes/components/__snapshots__/SparklesIcon.test.js.snap
index 4e7f36a3b72..516b221fa17 100644
--- a/packages/js/tests/ai-assessment-fixes/components/__snapshots__/SparklesIcon.test.js.snap
+++ b/packages/js/tests/ai-assessment-fixes/components/__snapshots__/SparklesIcon.test.js.snap
@@ -4,14 +4,14 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is f
 <div>
   <svg
     fill="none"
-    height="17"
-    viewBox="0 0 16 17"
+    height="16"
+    viewBox="0 0 16 16"
     width="16"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M3.33284 2.96991V5.63658M1.99951 4.30324H4.66618M3.99951 12.3032V14.9699M2.66618 13.6366H5.33284M8.66618 2.96991L10.19 7.54134L13.9995 8.96991L10.19 10.3985L8.66618 14.9699L7.14237 10.3985L3.33284 8.96991L7.14237 7.54134L8.66618 2.96991Z"
-      stroke="url(#paint0_linear_1538_754)"
+      d="M3.33284 2V4.66667M1.99951 3.33333H4.66618M3.99951 11.3333V14M2.66618 12.6667H5.33284M8.66618 2L10.19 6.57143L13.9995 8L10.19 9.42857L8.66618 14L7.14237 9.42857L3.33284 8L7.14237 6.57143L8.66618 2Z"
+      stroke="url(#paint0_linear_1208_188)"
       stroke-linecap="round"
       stroke-linejoin="round"
       stroke-width="1.33333"
@@ -19,11 +19,11 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is f
     <defs>
       <lineargradient
         gradientUnits="userSpaceOnUse"
-        id="paint0_linear_1538_754"
-        x1="1.99951"
-        x2="15.3308"
-        y1="2.96991"
-        y2="4.69764"
+        id="paint0_linear_1208_188"
+        x1="0"
+        x2="16"
+        y1="0"
+        y2="16"
       >
         <stop
           stop-color="#A61E69"
@@ -42,13 +42,13 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is t
 <div>
   <svg
     fill="none"
-    height="17"
-    viewBox="0 0 16 17"
+    height="16"
+    viewBox="0 0 16 16"
     width="16"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M3.33284 2.96991V5.63658M1.99951 4.30324H4.66618M3.99951 12.3032V14.9699M2.66618 13.6366H5.33284M8.66618 2.96991L10.19 7.54134L13.9995 8.96991L10.19 10.3985L8.66618 14.9699L7.14237 10.3985L3.33284 8.96991L7.14237 7.54134L8.66618 2.96991Z"
+      d="M3.33284 2V4.66667M1.99951 3.33333H4.66618M3.99951 11.3333V14M2.66618 12.6667H5.33284M8.66618 2L10.19 6.57143L13.9995 8L10.19 9.42857L8.66618 14L7.14237 9.42857L3.33284 8L7.14237 6.57143L8.66618 2Z"
       stroke="white"
       stroke-linecap="round"
       stroke-linejoin="round"
@@ -57,11 +57,11 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is t
     <defs>
       <lineargradient
         gradientUnits="userSpaceOnUse"
-        id="paint0_linear_1538_754"
-        x1="1.99951"
-        x2="15.3308"
-        y1="2.96991"
-        y2="4.69764"
+        id="paint0_linear_1208_188"
+        x1="0"
+        x2="16"
+        y1="0"
+        y2="16"
       >
         <stop
           stop-color="#A61E69"