From e359479ad51d7801cc67f04e2c87c0fbfb6a2ede Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Tue, 14 Mar 2023 15:58:54 +0800
Subject: [PATCH] refactor(console): add inspire me button hover background
 (#3395)

---
 .../src/onboarding/assets/images/fireworks.png   | Bin 0 -> 1590 bytes
 .../components/InspireMe/index.module.scss       |  13 +++++++++++--
 .../components/InspireMe/index.tsx               |   1 +
 3 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 packages/console/src/onboarding/assets/images/fireworks.png

diff --git a/packages/console/src/onboarding/assets/images/fireworks.png b/packages/console/src/onboarding/assets/images/fireworks.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b780d7761d31a90b7360166578158e2955f94f4
GIT binary patch
literal 1590
zcmcgs`#aMM82@fYBkN2!I?APp&J<nGPN<D!EcYYHZOUaFmo74qZK$J*Od1wzwX%*|
zMuqfbHYrkA?oO^<L>melv(0wqdCt?HaDMoFKJVr8!~6d5zE{0GFfc7cEdT&ut}aeK
zDpjgr2h~t<&6%Jmm4Fg_FpdDbbJJH<;uPWU8tLv1AXG6F09}p-AgdM?3{?OCH6{p9
zQz>Y*#svT9Dw%3OV!Ksib``G|0MwbTP7c23K{F#{kBt~T-W+nHnb^~$X}`k<$Ud@Y
z4fcMhP88K|cj+4FZ6G0or+zKBoaIxhjrGo3%$bD=%wkWCE8k~udXQn?2ryx-w|?}1
zlu|P{-CoqN!dvL1B*mFgPm*QqU;B*(g7Sm?uWot0yi;fsl4ME$o(6#Rb?WVFZNhSi
zFl6jZA*Z1_JEq1Yq@MMyUdmYS(weG}PI=hDpr&5f^wF|DwR(B327ZDm=Ir+vu*~Nv
zq$iIFjkxjc=p3mfN#|;6;C3Sv;=7gnA^<+ByE8qt$RNS=<a;W`#kqLjLLZ&@)MZnZ
z@Ev(v)>5LD%rAj~AXp1#v%E2LZ)b3&zZE@sv&Q=#k&&NuM~kQT<J_v&#n|DJW~dez
z>WkrBxd3v(279U-wqfTturN!kt;$Dt#@wvH&^#a0g12S$AD?5$MvI;yo3Gc*$VQy!
zAvolGZ<VZ2$-0bzz_)SGI}<<C8Wt2q*V}U;q$wP2T$&{NFtnB%_9gNdUb__|?+TaT
zqz5d}5cp|u%BaaAsama4x~YFb@plZrfEO#@fZg5}m<(eW4=!b0s3HeZ+BLq3@m-~6
zUYekVF%~YQA%4)NXxNAd8r+B*{A75pU<@Yy6grYxM%07AOY_q1jz8&s4ViHU{qdmS
zp*v-EB%Gldt(2W++&7f+7cQV(G|fHbNkxrZTiw|Yog;CFH5vu}(=mHV{}*oD-DvaW
zJsW&=O3TwMICLgC-=iB(aLSR6xHEwEy~~I;a^NK~R#P+@V${;_?jt)s<6`-cQb#aO
zw5rur?(ug|rHMLCt3={b@{NHL^M=ufm|9@YQ*J}|he}y-67_g|^wbvHWMZ|r<5L(8
zH%}JL9w5$9Jv!qBMBB6Xk)qGy<&KqDa;I*zBeNIG8SN98&lQJ?LgQj4=MHg#5<Auy
zU3q>a@oN^ni%XR_JMNlg*d_btN!DHdjFX~rCx)9O&Zwjp`Z4?fK61;kxEXuF(A+};
zXXy*Expqh5vwgh-39_}EdVDaAZ5?m!>+hm)G`4+<fYX0J`>2qYTJUmEC>B^eLx`!|
zNyVHczhb($u<>Y8|Fe~cD`78A6==^q__?$%b43!l^(?JYkxEKL6ifJB*~#Tpe;Cnq
zsxF{%!c!4W36s;WiK0wKCTT6X%7X#1frcR3a0;8t1|426913dL^ykMa!8@e3A3Fj6
z^oXv!Rg*;;GpPvCgOu+$O;W`7ymT00XvLmFX;yHMS(qy1?72iCL8@&QlOp<7B1}MN
z%O-)YU{X4se<vsp^(F^?uWyJT_LGY&Tf2LuFWUIksQls#^eYIskkqy3;IhG}=1uYm
z#BWZ_ATU+4(ZQlz#K>_QYDcu8sF~{^h|M=v>aCZK6DzWu-REr(uL#gQZysaGlO`1j
zruW?>*TD`z^Khm&*v}vH)yoZ*Z+|UA`zx4N;UEYc4g4RJ{#a|f=rE%WFH~wr97D2E
zS03PG?<F}})<O>*12DAR;1*rpoG?T=Oc5VydV<q{vwK+)0g*eE+|aeE`z%I(pb_MK
zPqGKGOMV}puSA9X6v4f2=i~-8t-ggmF;Bl2+bP{;8-9L&MGisb=c3Qd3-^<nto6kD
z_Sx2|%0-nc2Ja6K_r^8#OgRGSyP<j($~Se&ZthN-clr0GCu(~#0dOCDn;Yrr+IT<Q
z_1jY{9IHYt*zv#^4$03BEHPC*Md*Ko{;IA}SK2$j2{3;xS^e3rhdrFwj-eU<0&-o^
ANB{r;

literal 0
HcmV?d00001

diff --git a/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.module.scss b/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.module.scss
index a5d2f40f7..880e9fecc 100644
--- a/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.module.scss
+++ b/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.module.scss
@@ -24,8 +24,17 @@
   }
 
   .button {
-    &:not(:disabled):not(:active):hover {
-      background: var(--color-layer-1);
+    &:not(:disabled) {
+      &:not(:active),
+      &:active {
+        &:hover {
+          background: var(--color-layer-1) center / 90% no-repeat url('../../../../assets/images/fireworks.png');
+        }
+      }
+
+      &:active:hover {
+        background-color: transparent;
+      }
     }
   }
 }
diff --git a/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.tsx b/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.tsx
index 0a119186b..a2189ac22 100644
--- a/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.tsx
+++ b/packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.tsx
@@ -44,6 +44,7 @@ const InspireMe = ({ onInspired }: Props) => {
       </div>
       <Button
         icon={<BulbIcon />}
+        size="large"
         className={styles.button}
         title="cloud.sie.inspire.inspire_me"
         onMouseEnter={() => {