From 0e35e312e5fd245fa3b02539e0aa172d7363abc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Frane=20Poli=C4=87?=
 <16856471+fPolic@users.noreply.github.com>
Date: Tue, 1 Oct 2024 10:34:50 +0200
Subject: [PATCH] fix(dashboard): use svg component instead of static png for
 logo (#9281)

---
 .../admin/dashboard/public/medusa-avatar.png  | Bin 4459 -> 0 bytes
 .../components/common/logo-box/avatar-box.tsx |  42 ++++++++++++++++--
 2 files changed, 39 insertions(+), 3 deletions(-)
 delete mode 100644 packages/admin/dashboard/public/medusa-avatar.png

diff --git a/packages/admin/dashboard/public/medusa-avatar.png b/packages/admin/dashboard/public/medusa-avatar.png
deleted file mode 100644
index 868804a9db5c1288b64ee90fbccf6d0b4bed3f4b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4459
zcmV-x5tQzUP)<h;3K|Lk000e1NJLTq003A3003AB1^@s6ag{JM00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91SfB#{1ONa40RR91SO5S30Ox>65C8xW)k#D_RCodHU1@YwMHap<8wn&K
zfDVBK2!cE380096ItJWOM*?_sW;}|Z2!b09gC39LKxSc7+_#Z&8Ff?^2MBW%TxJA8
zMdt?u=Lmu#4Pj{(4-E+<!6ZHRdzIU--s{&%ciu|^k~&FO)va4qUww7^zIyeRHmI2)
zH#fh?2qzU1)n6Q@aA8VHN{(S9<utRoW2#y>Tpy~dtqU-yK-i%59Ip%pcdX<%;b0_E
zqoAN5r}{|kJ%(XSV^V(-WX3;!BS2wVNlD2i!C)W|Z@st(2C+3&bu*dNY4JAvlhz9x
zuf<Dra#KX~=-&IDy4w0uCby_5-4mwVAa;%6(V1DD4^~zlDr;=qjS}3Wd#@*%*jd~_
zdSi{8pk;88qq8zQ=Tsg(^g%2RTwR3eYpZIPaHXPH72D+&159FBhm4frfj}T+NmVMz
zDL}ras&)lOMM$@YrWptm6;>;Qj8cwr5y~yl=qSy0K~oGAxVZ}(!MVA;#<TN&xT%)f
z%VRPyBr7xPVCCV8FGM5agL88W3MgF1t|43?h3#?T3^1V~_Q!q2A6q`SzHVkaxrr0%
ztik@+JZBKOX~D{RYqyH9J@(E(dPYhYSh2ET(|Wx(+TMc2Ky`KPG~^V)M*EV?qQ;+;
z5vF_4l7U?@-o)U8+c6s0iRJa|NdpE9pp1+R3Wvi~Sy@TDcI~1~n>JB>J$t=lH5fEJ
zg|QVKYxsD#jtUFUp&M@a6%`G?nDX-STp=DfaDbLC|A0zMm(pjSe#Ydxs<oNW2!{&|
zKCxKB`whp;iN(2t2GWcfzo82+ypWQTlm~M%1S`fQAV_-c+I94&KhCBvzx=OLz0LBB
za48d<zm6xqu+303blmNvZgk&$)7ff&9R<ZnrjQz?$b!X-m(XK#o}lg9%iW4wS!M)a
z!3Wrab6UCQNOwueNp$ngH_`Oz_fqH1*$I8kK|IKIhC_!A(W|e%M$bR@0@c(Ubr!c;
zo-H_J<aW=GM%W4vQqxlDk`W{5!QVYVy?giarAH^>d-v|8IddMTcNQ*kod{n#ZK9Dj
zA^6nO`cp~COd2+9D8qv<^)|<ixeSbd-MTU=ne_)MEBgxBRt>F6F#PPqTW_J;r%XzC
zkZvT3Oyb5Gt*@`ArKSI(r=Na?w!uGpo72X+vX!+8!D(q}bo2O|=*~N*QdU-0<j4<V
z5ab}HBXc87mq}XM(Ca$W;yMsxX*Yk~0(#+v7wPcfBTiM{^DR#BC6|t%`({k1e*ODJ
zzzd;5k`y#XmXHKpJuP)5mNGp?ne-)bFt~?ivD^6fNB?P2|J*VJvs>-cyAS<&b_oq0
zJXppaGZr#pDLBiWdA**q40!~7@^qcGYuD26A1a|un>V+J+epsL%${W;@bP2lupzWy
z;k>w42m0XMVCdyKIZf%J9Ch{jB9pp3di0>tqeoG2caXmMW|N40i+v|})TpcJ$tNGD
zG+u@!5}YK&svECftom;9)YMeE?6OOFkK-_}G;kx2f5BIR2cBC<bLak*l9O#$qHI=_
zC_%cup7x6ZX%q1U7YwEH@^aopVt3(F@XZHjXJ^x*#S1AvKhGpod>?QEynMCwSjrHK
zz6@COP$ofSx~|AX2eF$><hq{pC1uEmLLs{Ps!_b!2<fWLPP^}>G^4rkybR0B>&e@P
z^(LW+B@N(6Be=<=Ty&gz$cv7YiLTxr$`EuJ>fs+j+K_UQi5ziGP7d9F{|r;#j}Kog
zxLdcb^x;R#sY8bjeqb`&fE89%RngY10b0HKQ^IL)MMVX(M3l{Y7T6;`hqp8b3^<$p
zeOiRX#sI{!Y_~eaqsG$r-*1hpUAOuo!+x;mFmmJ-Cb_TxKLR#umMmFHZ@m5{?cKN6
zB-OQDzHE@&J(sS$Y9!stXNcG=YAm?ngABwwLvisn^u!ZSJH-j-eX-yL3*VwM&pb2I
zc`VRSXsoQZww4wxT0+l0^E`p%L;`l@CQiJCCQrVN_+DijX?mYXOK>Ar%6IMBO;?Wm
zg{U?=_DnD?<9xnmmFwoX3{2u!C^6=vM{DRWvmY@nH<n&J@}WZq)5DL<Hhn4d^}b`J
zrCljUjLrTL!!M)#`+tz)X2qTlas>r_OfUe2e;h#MU-Hf}k&9j^bbuyLn&O#UFtBFL
zmvrkblW5<*eYS(09N45!CnmjI@b%%bc@3Tk?%A_Pgirw~;PqH9)6*CL_H5U!^KXIw
z-FI7P>eRbTZiFm_MOn0ttFiP+eDL-fJQJMOA<bqfI$(g)^Kb=v9_6K_rS#sr%aQao
zY~J)Oz469B%r>n))e=(j`b3LNVw5F0PMDel&@;j4R6sf7=mFRVxM$BE`rF)Bnu9y8
zI&)uqnS#M!Ongqf&U{>*G@;}x!9pnRRRCDY3vfLTon_0G({A2mX{m7J$Ps$!rB`hP
z3kHeZu!#(@*WjJthOa#UBPdW7xsc1h02keb3l@3B-(>yw`M!xCfBZ3m0Ts}{xGTXX
za>)a$VP4K^vWrF)JQIvL)`>$}2t?0PCdQx!7p9FHHxgV#O9z|{e*E#u2o4LIWdy(`
za^OXf*egEI1OtHFzNC{2z(OW4^TT~wK1`c8f9n-{-1RqZ*bpIDFk0B)&eX9%WC}aW
zeYkMv!>O`q!x54(>gd^5R-rSp;p+{0wnfvyAfIk?uyDn5B|92(b3pn)u>I@hcKYcA
z2AvAt+-|K<QE^DKU~FfqgE0CRydd8#?G>XB1Y2MMQh+wNGRCJYL4j9y;$VQuNzofD
zUI!DazH(7IPD@j{H@me8cFW=|{X|nf5Ujp>PB89y>jGp}c2=TTo2{SGF{8nSStPqz
zD||2H3OlfRHv;bj^W*43rZaYDL|IG!e*N8xTR_??Kc5M%v$ZT(g;2>$Y*Y4-@lG&L
zGC;)#4CKNp!gSWzXGPK;@W)kk2=B1j@hJ=-7gno+k|7OUvG9h%W=EcvX#k_n+++c-
z$cCK%Ot2~~a<wGt+qVz(>({s0z~il$m6geR)n_<x$g)f@AyzVAMQDiP?Ixz4XM)wm
z00mG1a|dlFIn4XNKhhN=FOLb#uYzK}=K)u_o&769EmBb~>tIE)X&s(ncqSN&1OWz1
zM%wuwJvdlNn6A0zYC4H;2yCfv^3P7D;^I*ee0Ch_1j)iKR&C+;1DAJ#8&D{qVi9)N
zpooWMtI3cFzzrYMe|xVV<8W<b+_)R5Yu6kmSf6<1(gZImB8{Ld*TU|{D#A0tN2;n_
zEJP74pq1s=Pn99Vz|KGaJQ{ng|Br}VcKIcA6<-Xks{<C9c=5H!D<akLLtzn23U8Q>
zRCzxc^1O=JwR4y0<FI384_Lm*5gIN5L1OEOjSHQ)B8;$jQK=bw`rxJq78ddqjVV-H
zi=~<L>1<Wx65Gph;dJMYU3OtJa-In;FW+Hyi&?h^b+B_^?$~v45W3@zDSYWao#wqg
zUsiJV=9<XiU<(Li#uU@-w@+&LR>=fMR}S;~UDc5#nH>`*e#efT(G?SvcqX`}riRw9
z|BB8y<8-rYMYMp2NCAgj$X0V91A;DA6-Q~pgmH8hFR7k+_Bq<OcYi`d$?4LC?!Nm@
z!c}Fs1tHHwz+I`;j%rdcN|}Yx>T=7LZ%s^=q<JaN1f$#4t3NXdhCfpSQ3o_JYQ&JE
zT!KXaWN;@auO&PuH*emXw1W3=-~Zr4`fC0E%nfs?r^m4Tf`Z<3-SyYeMHda@q9i7_
zj{Cw1gqlzbgVncc0~nR7Qn9qGF4-?z7V|Ycq8L}~`MwDBf(xH-z4Zn^>YA=~s=#Bg
zGDuaZ2({8kiN)K?Qd85+Tc&WwV<51NDl01a`%q8m9WtozDFt-usr}9SAJmFK>gus-
z+u4^`tQ{NbsQ~vd?xqQR^9$dq<uUj|FffcAJDMimHo^RQMq^TBTXH?Gr!9@9Qo74&
zN;i>md@Ejm{Y_dhe_<lkV(NNcrb)~1zWW|+*|OENRt(<y$H7M}i=ZpZB3QN3(U(wq
zJv}YD5-V$yc2zqKW$YTPw)Hktnzb}+PF>;~R`%1PfBJW=&^Ll{>ig)UbNI>1ng$Yu
zOd(LMgE2ttZ0T!LkRDCEPK4ElK5?oJ+J$a|j@iEGt2XrZr5`J{bm1~)&MawI-ihgW
zi+#Pr{m{V*D&vR#MvNG49@O+J2g<4xSRn~Hq(Qp+N8TDR$`MQzGgg*s={x;9boI6r
z!O&;!%yz84Ra**I*nFhx!3Q6rE#G}__UYG$Z$4ND)HAOKJ@(ime9-Ht4Oo1w#Ci=q
zjdH9yK#rL*^NLidD+fgs>B~Qv098dD#B`ao4YHM--x$mH9Ur1uGylN%0|!(^A3s}!
zVBqW2sUuD0lZT?BpHp>pO$4&CBz@44qK1SbL1myPq&oGSd7X5W#p*-aSLL64vWnh*
zYXRRynb^A9*?X*fixDgx;z94b?z)3cJN-0X&&reU`XKEDT2`mat+chYibWuL7JZ2Y
zjf%1S;};gu<BvZ@+qZ4E7y6uQae@W!aDH>i_zB}FGqWQfl;CIK2GmzoNJAb$mBGKt
zi3`%|dYRJDKix@GbuAx_K9cxCYjt%s;hwcst5)lcv{<^;2*wC<x^$*1F29@~{41uE
z)MS%r3|tSEZ&Y%b2&ax-PsoIhn?5WW&+V1+V+rrPv#3>`Q5L+dO0aa=wQCpCKM&&5
zVl3;dppz}9x^M;JUqvQ0+}s3Ko{&Q~iPF<M&?hTb@tNj4zEw-zfFiY9BW@FdWnhB_
zoy$+*-$*_Ai6NYx!uqVBh*f!{6>-X~h+9C69W$8#Yl2c!Q_Q>E=gxgeJ-umbTeaF6
zpKbn184Pj^pJwCoQKwFw%*`5Qfhe&ELr%$cnXm?#nh-o&fysL1<-gO4l`B}R>zj?V
z+6VWHSIXpV<$)BmTCXuW!UKTU|MFTIHR>8Vco0t*ff!|-7U8HYgbBGy2A_<5gwH=)
zLodJlD*IXQS0m7}m%vENj=9%*<?*AqlP66iymm%TXYGSjmMRlq7|Bd*60PTlxaZAZ
zK!L5>?CNcpV}kKouipHV4fRj9A&#i7VU1Wn<E3<i2cJj1@_SP?9}Mx;N5JKrl$2yD
z-@cu`-msCDEH343&3#erw7I~bl4JkXip&!Bn@>5VFLloD%qs(f_W$q$TWTOec$*U$
z3jn`b(R65S{qD3__>OP65eV)n?~An$A85ngAId$x+3+8|!M_^A!6Z1nI^`+<dpOZs
zOfHEK90&zM>?_)>*e{zfjMwD%j!X+iyB%s$X7TxuKd<@l3+Qp#ju9YI)(iNNm+OS8
zL)BTCIlM6t9(i1j>sSG8821K)+gA#l2*D6k9zOU*R%Uh=P7V=;_Beh9;AVq+c08=t
zFqdh%0BL?BE1$$u5z_4;J_eY`vfX=j40LKoe6U`SUXwBg6?9p9x)BC=NroSba?^0N
zU{U0^V?V`b{^r~CMb;kM8DIjRX3L#sms&ZS54OZA#lMsGKL04)Hr`k%WJ!**{6x-U
z#l;t-9@xES=d8wfXp~@7#4rA3W_4XkMi>V_5PiZ2SS`DRF*|mauWX78){Q@yKgmON
zvv_a&VqVS_#9#CH*M!AlOCdcy<te@*9g25E2@$L}YW~0puQZIXaSq7N=-9C!JtO@m
x;YO;fszdzvK!|_VxQyN7Ct;($thqn?`+xS@w&@@3wP64N002ovPDHLkV1g<~bDsbJ

diff --git a/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx b/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
index b92cef0e4d..ab4c7fff93 100644
--- a/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
+++ b/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
@@ -6,7 +6,7 @@ export default function AvatarBox({ checked }: { checked?: boolean }) {
   return (
     <IconAvatar
       size="xlarge"
-      className="bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex size-14 items-center justify-center rounded-xl after:inset-0 after:content-['']"
+      className="bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex items-center justify-center rounded-xl after:inset-0 after:content-[''] w-[52px] h-[52px]"
     >
       {checked && (
         <motion.div
@@ -44,8 +44,44 @@ export default function AvatarBox({ checked }: { checked?: boolean }) {
           </svg>
         </motion.div>
       )}
-
-      <img width={44} height={44} src="/medusa-avatar.png" />
+      <svg
+        className="rounded-[10px]"
+        viewBox="0 0 400 400"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect width="400" height="400" fill="#18181B" />
+        <path
+          d="M238.088 51.1218L238.089 51.1223L310.605 92.8101C334.028 106.308 348.526 131.32 347.868 157.953L347.867 157.966V157.978V241.688C347.867 268.68 333.687 293.362 310.271 306.856L310.269 306.858L237.754 348.878C214.336 362.374 185.643 362.374 162.225 348.878L89.7127 306.859C66.6206 293.361 52.1113 268.674 52.1113 241.688V157.978C52.1113 131.326 66.6211 106.307 89.7088 92.8093C89.7101 92.8085 89.7114 92.8078 89.7127 92.807L162.556 51.1233L162.559 51.1218C185.977 37.6261 214.67 37.6261 238.088 51.1218ZM124.634 200C124.634 241.576 158.502 275.372 200.156 275.372C242.142 275.372 276.013 241.578 276.013 200C276.013 158.419 241.805 124.628 200.156 124.628C158.502 124.628 124.634 158.424 124.634 200Z"
+          fill="url(#paint0_linear_11869_12671)"
+          stroke="url(#paint1_linear_11869_12671)"
+          strokeWidth="2"
+        />
+        <defs>
+          <linearGradient
+            id="paint0_linear_11869_12671"
+            x1="200"
+            y1="40"
+            x2="200"
+            y2="360"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" />
+            <stop offset="1" stopColor="white" stopOpacity="0.7" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_11869_12671"
+            x1="200"
+            y1="40"
+            x2="200"
+            y2="360"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" stopOpacity="0" />
+            <stop offset="1" stopColor="white" stopOpacity="0.7" />
+          </linearGradient>
+        </defs>
+      </svg>
     </IconAvatar>
   )
 }