From 8a9ed64f20dc07c674c0eae8cf57cc5531dc559f Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Thu, 16 May 2024 07:34:06 +0200
Subject: [PATCH] :up: Fix the missing trade icons

---
 .../images/inventory/trading/lock_locked.png  | Bin 0 -> 2448 bytes
 .../images/inventory/trading/lock_open.png    | Bin 0 -> 2078 bytes
 .../images/inventory/trading/locked-icon.png  | Bin 309 -> 0 bytes
 .../inventory/trading/unlocked-icon.png       | Bin 332 -> 0 bytes
 src/assets/styles/icons.scss                  |  21 +++++++++++++
 .../views/bubble-layouts/GetBubbleLayout.tsx  |  29 +++++++++---------
 6 files changed, 35 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/images/inventory/trading/lock_locked.png
 create mode 100644 src/assets/images/inventory/trading/lock_open.png
 delete mode 100644 src/assets/images/inventory/trading/locked-icon.png
 delete mode 100644 src/assets/images/inventory/trading/unlocked-icon.png

diff --git a/src/assets/images/inventory/trading/lock_locked.png b/src/assets/images/inventory/trading/lock_locked.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d9a3cb9b012da357b164a091a125d6c5f0f74fb
GIT binary patch
literal 2448
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/inventory/trading/lock_open.png b/src/assets/images/inventory/trading/lock_open.png
new file mode 100644
index 0000000000000000000000000000000000000000..39bd355d90d4a99b3f7691baf0ceefd4ed84b561
GIT binary patch
literal 2078
zcmcIlYf#iy7+qRGaB!-2RH`zKv8_^?O*YwO*}#Hy7X@*VA|r@k%_eu*$Zisn01GJA
zw_>$3YPI8o7F4Rvpw=IXj}~p!(Y8#nK1Z}&tu50!6toYm(#H)fTc@KAf0~(_+?#vu
z`Of#qmsQzWQ-%y4Jy@sH4arEi=fGzS9B~oh@V<2ak{0-gl+tG@I^D>ZwGon$^HR4?
z7uLq-=BxRRX*4T(^$aIEf!^npAX=wOO7TeyTLM(X35t2aigq1sK@py_qIo6<;gD>=
z&8Jt%U`AC|E?ZT?S~xT%8A<ZdkiZL62Jv}4f<pVOXfH1f=h|x=MS3A>i4{%N3?liC
zY{VwY05R(g7)uZYVz%g=ge$=bEW~RFNstEIK;i}yMjB|+L>o*<;6kB2nRC%O_Q?Tj
zaAif^sw&YqUQtn@ub}jzT#Oqm77I?0I7wm<fhm=O%J?ur8Q;%f2MR0mlFEw$qA@Z~
zu}rn1P-~wPUMWZ`D1ku1kl{W?!VP*tbE+Tca6BFA^#;+3npO_21oS?ZSjnxF0G<OB
zu}o$`S~(EZ@%_d)Hh5MllRdqjax4x!zzbmt6lMsTlH8&yDsJ%!egwCJ-bl1f28=4o
zxuWRlPgQn53qn$Q5}D{=SYFV0V>L~IBf!q6z>31Wkr-jbNGg}0Xo{pw#yEnc38D|`
zfVIFeDl;&!$nmbqfj}J&Izv!YMqojP-HJj{dY<Q?ZI(5WW*260aSUc;%}&e-j1<Ni
z3`T~DcM$~Drwg99i)@(|K<#{A>2e|qIf5~wS;j?~5-d)P0wyO$nvDQs0BOO@q=_&a
zNy@+iw%1F@HeKf7*TZ-oWz|%1kP(>K1PjA)7zs!-W^~4L7(*p+80$<R2!;d{WrRE&
zOS?qb%fL$Ey-YE{C7~Ea{#9cWJ)-OoIT&+Ft7pg#?WXezOkQQ+3z-2*12Yeg^p+jX
zuv)cSQC3Sc;LyNp{xQ)Tn9e@h3O9hHPf30sOc7mb1tWvhVi@TGlo$Ra`3h71bnydA
z{r@UH5L(vF2*m(4P#o3V!L>%yml*uNIqThfq$%~oVW-ok!6pkA!8Q#9NG-!AJfZr*
z4xKLK*9?1VZvL{)D=8(PPKplip3qc1v8eX@p<nt7BJW4e8Fjg4i6C4*Q2ue#mf0<-
zDT@xdB1d#Yl|~jNhHgDyf9%AqyB%5E+rAzYYTDG3<oM=Z!}<=()ti;)e-DYtSl2XT
zf!G!neq#9gv$xzAerc>6QNGz#5VmaSrMa6MSAG|rvv(@BciZj`hte?XPC-P-&JCui
zcHLV@{zlie2fxYD*F5o)-|KpKs>Z%FVQpsnn(Xj*Yp1OkB^AB>#?FST)JOXHr_Cqw
z8r|>zF=gR|J-MN=d7EtOx!c`r^1=%T$Gl0#|2S{>=&E^nH-@(QA11F%kE;*+{7QR!
zTwPsV$#W;!BenK*o|vz;{IH^>WVioCXVDGAE57#l;-s20t6UL_b;qYCKJ!8A!Jln+
zqR-#mRloIBVfgGq8@|Zg&~Y;HoZ>&dD|Sv%=1zXkjZ5w^`lZL`{}qv3mox0r?TXIY
z=1&eEu72U2uBLND)Uf5_My?JkyqvZXoH-En@Xt{jYWKG<SnOVY&K)`~wD9sN$+w#5
zNvLVOXlxxjX?N7r!$0lwXU1mwMkG$_YFcyWVA<Vo3oJd`!{#YR+opsUZf-W*D{U=r
z=()A7dFELCBJ<20%FS({du(%QXXo>W^!GpX9}7=D^2HVZ#jty4o0^8~n|=LR?C<e0
gTRy9<Z@lO?589yjhwNE9M*D+jq-ELnzCL&HKm4BMQ~&?~

literal 0
HcmV?d00001

diff --git a/src/assets/images/inventory/trading/locked-icon.png b/src/assets/images/inventory/trading/locked-icon.png
deleted file mode 100644
index 4f54e2d3c39ec6b5e4e2c5ee8d574d73e204c149..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 309
zcmV-50m}Y~P)<h;3K|Lk000e1NJLTq0012T001ip1^@s6gs_9Z0002|Nkl<Zc-rmQ
z!3~8V3;<APae_Y;JFyLmI17eD38^i%wDs@<Nuvkg6;cg)9J}on-Olq@afE{@rJ8fD
zrIa3FI0mol>Jf%xv|S;>aE!Klh%lT&VbU<1+FqDQgS(;laiVZ;j2WeH42w}bi8N~r
zi^c&48B*w5k&NToYFTu|#v-85w+dCEts__ZR8kzSMj<dRi7~k))QX$X72FNg;O?jd
z=g>#BYtb3bp^s``MLC>$)Syq_ZYw%l`G`Tdq8P_mC<-tIZuHO5hzg#f+(GLT)Du^u
z9{4h9!OiFj?uKe`cT|GUUiNOEmDGtc1e@XbsPgI05w6b-m#9TTpa2nY00000NkvXX
Hu0mjfRv(4b

diff --git a/src/assets/images/inventory/trading/unlocked-icon.png b/src/assets/images/inventory/trading/unlocked-icon.png
deleted file mode 100644
index d6362c4524949693bed0d263b96fb4a47e816f1b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 332
zcmV-S0ki&zP)<h;3K|Lk000e1NJLTq0012T001ip1^@s6gs_9Z0003KNkl<Zc-rmP
z(Gi0%2msK`;sl*4JGqUEWEOjT;87$9A^6dYcid@fcuh?ME#=|Zw$B-f;yqx{zVGL8
z9K+#)IoMir2aJOpCKzt2wO%MBfOBuSV2)xEc+C<V9!BBXx_BrYLOlzDj$i0PLny{;
zsI;@aI#UzMf8eRl6fvv}66z^eYKfy5Ek_bc-yeO(KVJncM>MhYp~5(#7#z12YIm`g
z%2O)dLsRi5GzGV!R$S_nZnziKaJZ)VaPPg%d=%~Bw5@@2I{Ry9ilR?5=bhwKl;gd&
zH3dbu*9$N7kI{@3tfEqz@)|l5ccU}#VKjn=(Gh$a>cOX@7F^rxL#T#J<!lP3;k00<
eVA|h_-aTJZ^zG3y>UIhM0000<MNUMnLSTY6Ws*+-

diff --git a/src/assets/styles/icons.scss b/src/assets/styles/icons.scss
index b4edd49..cbb258a 100644
--- a/src/assets/styles/icons.scss
+++ b/src/assets/styles/icons.scss
@@ -337,6 +337,27 @@
         width: 7px;
         height: 17px;
     }
+	
+	&.icon-lock-open {
+        background: url('@/assets/images/inventory/trading/lock_open.png');
+        background-repeat: no-repeat;
+        height: 43px;
+        width: 29px;
+    }
+
+    &.icon-lock-locked {
+        background: url('@/assets/images/inventory/trading/lock_locked.png');
+        background-repeat: no-repeat;
+        height: 44px;
+        width: 36px;
+    }
+
+    &.icon-confirmed {
+        background: url('@/assets/images/inventory/confirmed.png');
+        background-repeat: no-repeat;
+        height: 18px;
+        width: 18px;
+    }
 
     &.icon-sign-heart {
         background: url('@/assets/images/icons/sign-heart.png');
diff --git a/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx b/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx
index b22a2f6..f4f9d24 100644
--- a/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx
+++ b/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx
@@ -1,18 +1,17 @@
-import { NotificationBubbleItem, NotificationBubbleType } from '../../../../api';
-import { NotificationClubGiftBubbleView } from './NotificationClubGiftBubbleView';
-import { NotificationDefaultBubbleView } from './NotificationDefaultBubbleView';
+import { NotificationBubbleItem, NotificationBubbleType } from "../../../../api";
+import { NotificationClubGiftBubbleView } from "./NotificationClubGiftBubbleView";
+import { NotificationDefaultBubbleView } from "./NotificationDefaultBubbleView";
 
-export const GetBubbleLayout = (item: NotificationBubbleItem, onClose: () => void) =>
-{
-    if(!item) return null;
+export const GetBubbleLayout = ( item: NotificationBubbleItem, onClose: () => void ) => {
 
-    const props = { key: item.id, item, onClose };
+  if (!item) return null;
 
-    switch(item.notificationType)
-    {
-        case NotificationBubbleType.CLUBGIFT:
-            return <NotificationClubGiftBubbleView { ...props } />
-        default:
-            return <NotificationDefaultBubbleView { ...props } />
-    }
-}
+  const props = { key: item.id, item, onClose };
+
+  switch (item.notificationType) {
+    case NotificationBubbleType.CLUBGIFT:
+      return <NotificationClubGiftBubbleView {...props} />;
+    default:
+      return <NotificationDefaultBubbleView {...props} />;
+  }
+};
\ No newline at end of file