From dca051e1126e3394c3db155b4bb094951f2d7902 Mon Sep 17 00:00:00 2001
From: Ashwin P Chandran <ashwinpc@amazon.com>
Date: Wed, 20 Jul 2022 13:22:40 -0700
Subject: [PATCH] fix(Workspace): Fixes illustration and copy (#1916)

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
---
 .../public/application/components/workspace.scss      | 11 ++++-------
 .../public/application/components/workspace.tsx       |  4 ++--
 src/plugins/wizard/public/assets/fields_bg.svg        |  2 +-
 src/plugins/wizard/public/assets/index_pattern.svg    |  4 ----
 4 files changed, 7 insertions(+), 14 deletions(-)
 delete mode 100644 src/plugins/wizard/public/assets/index_pattern.svg

diff --git a/src/plugins/wizard/public/application/components/workspace.scss b/src/plugins/wizard/public/application/components/workspace.scss
index 0a4465c0e692..f83a148ec44d 100644
--- a/src/plugins/wizard/public/application/components/workspace.scss
+++ b/src/plugins/wizard/public/application/components/workspace.scss
@@ -16,21 +16,18 @@
   }
 
   &__handFieldSvg {
-    animation-name: dragAndDropAnimation;
-    animation-direction: alternate-reverse;
-    animation-duration: 1.5s;
-    animation-iteration-count: infinite;
+    animation: wizDragAnimation 2s ease-in-out infinite alternate;
     position: absolute;
     top: 43%;
   }
 }
 
-@keyframes dragAndDropAnimation {
+@keyframes wizDragAnimation {
   0% {
-    transform: translate(65%, 0);
+    transform: none;
   }
 
   100% {
-    transform: none;
+    transform: translate(65%, -30%);
   }
 }
diff --git a/src/plugins/wizard/public/application/components/workspace.tsx b/src/plugins/wizard/public/application/components/workspace.tsx
index 17565a1d0003..9a910b51c320 100644
--- a/src/plugins/wizard/public/application/components/workspace.tsx
+++ b/src/plugins/wizard/public/application/components/workspace.tsx
@@ -91,10 +91,10 @@ export const Workspace: FC = ({ children }) => {
         ) : (
           <EuiFlexItem className="wizWorkspace__empty">
             <EuiEmptyPrompt
-              title={<h2>Drop some fields here to start</h2>}
+              title={<h2>Drop some fields to start</h2>}
               body={
                 <>
-                  <p>Drag a field directly to the canvas or axis to generate a visualization.</p>
+                  <p>Drag a field to the configuration panel to generate a visualization.</p>
                   <span className="wizWorkspace__container">
                     <EuiIcon className="wizWorkspace__fieldSvg" type={fields_bg} size="original" />
                     <EuiIcon
diff --git a/src/plugins/wizard/public/assets/fields_bg.svg b/src/plugins/wizard/public/assets/fields_bg.svg
index b319b6937406..3c22912ec34b 100644
--- a/src/plugins/wizard/public/assets/fields_bg.svg
+++ b/src/plugins/wizard/public/assets/fields_bg.svg
@@ -1,5 +1,5 @@
 <svg width="336" height="220" viewBox="0 0 336 220" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="118" y="2" width="216" height="216" rx="2" fill="url(#paint0_diamond_169_44976)" stroke="#006BB4" stroke-width="4" stroke-linecap="round" stroke-dasharray="80 80"/>
+<rect x="118" y="2" width="216" height="216" rx="2" fill="url(#paint0_diamond_169_44976)" stroke="#006BB4" stroke-width="4" stroke-linecap="round" stroke-dasharray="108" stroke-dashoffset="54"/>
 <g opacity="0.5">
 <path d="M0 99.6C0 98.1641 1.14799 97 2.5641 97H97.4359C98.852 97 100 98.1641 100 99.6V120.4C100 121.836 98.852 123 97.4359 123H2.5641C1.14799 123 0 121.836 0 120.4V99.6Z" fill="#EFF4F9"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M97.4359 99.6H2.5641L2.5641 120.4H97.4359V99.6ZM2.5641 97C1.14799 97 0 98.1641 0 99.6V120.4C0 121.836 1.14799 123 2.5641 123H97.4359C98.852 123 100 121.836 100 120.4V99.6C100 98.1641 98.852 97 97.4359 97H2.5641Z" fill="#343741"/>
diff --git a/src/plugins/wizard/public/assets/index_pattern.svg b/src/plugins/wizard/public/assets/index_pattern.svg
deleted file mode 100644
index b1f140a38632..000000000000
--- a/src/plugins/wizard/public/assets/index_pattern.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 6.125H8.75C9.47487 6.125 10.0625 5.53737 10.0625 4.8125V1.3125C10.0625 0.587626 9.47487 0 8.75 0H5.25C4.52513 0 3.9375 0.587626 3.9375 1.3125V4.8125C3.9375 5.53737 4.52513 6.125 5.25 6.125ZM4.8125 1.3125C4.8125 1.07088 5.00838 0.875 5.25 0.875H8.75C8.99162 0.875 9.1875 1.07088 9.1875 1.3125V4.8125C9.1875 5.05412 8.99162 5.25 8.75 5.25H5.25C5.00838 5.25 4.8125 5.05412 4.8125 4.8125V1.3125ZM7.4375 7V7.875H12.6875V10.5H11.8125V8.75H7.4375V10.5H6.5625V8.75H2.1875V10.5H1.3125V7.875H6.5625V7H7.4375Z" fill="#343741"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.3125 1.75H5.6875V2.625H8.3125V1.75ZM1.75 14C1.02513 14 0.4375 13.4124 0.4375 12.6875C0.4375 11.9626 1.02513 11.375 1.75 11.375C2.47487 11.375 3.0625 11.9626 3.0625 12.6875C3.0625 13.4124 2.47487 14 1.75 14ZM1.75 12.25C1.50838 12.25 1.3125 12.4459 1.3125 12.6875C1.3125 12.9291 1.50838 13.125 1.75 13.125C1.99162 13.125 2.1875 12.9291 2.1875 12.6875C2.1875 12.4459 1.99162 12.25 1.75 12.25ZM7 14C6.27513 14 5.6875 13.4124 5.6875 12.6875C5.6875 11.9626 6.27513 11.375 7 11.375C7.72487 11.375 8.3125 11.9626 8.3125 12.6875C8.3125 13.4124 7.72487 14 7 14ZM7 12.25C6.75838 12.25 6.5625 12.4459 6.5625 12.6875C6.5625 12.9291 6.75838 13.125 7 13.125C7.24162 13.125 7.4375 12.9291 7.4375 12.6875C7.4375 12.4459 7.24162 12.25 7 12.25ZM12.25 14C11.5251 14 10.9375 13.4124 10.9375 12.6875C10.9375 11.9626 11.5251 11.375 12.25 11.375C12.9749 11.375 13.5625 11.9626 13.5625 12.6875C13.5625 13.4124 12.9749 14 12.25 14ZM12.25 12.25C12.0084 12.25 11.8125 12.4459 11.8125 12.6875C11.8125 12.9291 12.0084 13.125 12.25 13.125C12.4916 13.125 12.6875 12.9291 12.6875 12.6875C12.6875 12.4459 12.4916 12.25 12.25 12.25ZM5.6875 3.5H8.3125V4.375H5.6875V3.5Z" fill="#017D73"/>
-</svg>