From 17a0cb64ed23055cb00dd5e159ffd3a9909704bb Mon Sep 17 00:00:00 2001
From: Kamila <kamila.lach1@gmail.com>
Date: Wed, 31 Jul 2024 11:54:41 +0200
Subject: [PATCH] rework icons in the table

---
 admin/public/img/circle-slash.png             | Bin 0 -> 1022 bytes
 admin/public/img/person.png                   | Bin 0 -> 396 bytes
 .../src/components/Tables/SearchUserTable.vue |  20 ++++++++++++------
 3 files changed, 13 insertions(+), 7 deletions(-)
 create mode 100644 admin/public/img/circle-slash.png
 create mode 100644 admin/public/img/person.png

diff --git a/admin/public/img/circle-slash.png b/admin/public/img/circle-slash.png
new file mode 100644
index 0000000000000000000000000000000000000000..b57bf7fc82d0999a9eba6ec409156304946957a6
GIT binary patch
literal 1022
zcmV<a0|ESrP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkRut`KgRCt`-SW9aZK@e`ecu>@vUX_r8Vj@n}Mnwo@t0s$x-~)5;
z5WR^008a{v5D*^`1kqFCukaG_s74Pan1H+8V^nfnM0`Lbn33w~*=*RIWXGM|0Y6xl
z>7JhXrn(+qwNn2(7WxNw2A*H2czo6%Uob!y11O%6F`3JSlo{|ngEVe{<}~t(K@OY!
zWKJW!H^BD{5_FVQsMIEdd`bhqt-Tz0)&M^=;9t^6!<7OZE_*znu~@QWz>hWZ=T*}5
zS_7SI{`?!8HPRh}d_6U}0E@i_=!Ja=a8(1{DnoH^%j-QlV36+`q@VWVfS=c|x8#5(
zqvzB8l;r&L2Kk3US`uP&`v$kA{Jt83fuUWIYw)rG`mVtri7dwx5pkN7Yt<?=(lzU2
z!1Ef1_p6K$cy!DFFGfDfZ~mE_^R=mVtd@iY9NaDL61{__Q<0Nxbze7C=_zed86#Zd
zb6j=Ney&Aw#a`=k!1JB3Tv$g={+%Tk#V0omJex{vw9-<RK9@u;-d5+6%M#scJxHE&
zi*Knek&B^`AIMyQ{t1-?n}mU@Gkv^Ob&*`0f;7@E1N>4Ym#^%t7q&pI#=(|E4z)LY
zsBsc$T%svWg~*beAQ%|xb7|*J!=x?zz_Th_a!=DHVU7Gr1I?@%6j|gd#=|@;R}YQ!
zL?itPJlatk6a^9`P5+Y0$#O9a(q*T7R^^!pOc|^c*jG7OE{2tAk*Yae8?;K;I%n~S
z%E@vugoD$MqYVT_aH<^12{iae8wj?u#bE~9+H{MNPqiH+VTP8A5g=V@2$DF>NDq;h
z<zg75N5Z92C~aRm0W@cjzNnlm7ei#80eY8M2c^MLIasbvizbvhByi4oSLHxXV35b;
z*=6K|su^tGiu6mQPq)cc3Z?BD=xd_f5=c|+B51su<OCY{wtcrp$JKfe*)8&0WO%p8
zeJuF>2I;p(dbZ)sq6ejckw!)unog4oJldgw%NqIHhXU_uX_0jNPJUH8Nv_gU+9FMw
zyi2NC%M0B>&UD<jiX}T?IkS4+b2S~gcw3R*I7=?ZKADxz>1bP5+95X)UHc=>Czqu)
zY?gx3r4or&2?+j{YFh>N<f)0zN#NM%j<US8hWEq@DqV#bvw1Fh#<P|Kq8=LgrjSeu
z2x+P%k=7kZevuwRWV*;C5u5H;iljR|vb8n7ANbXVc`ge`-zxP|1J6o>v+fZv(2U%h
s#^TvWBN9jt;gtDkB!CGTB-8(hzcoEn?FoL*OaK4?07*qoM6N<$f)pv#(EtDd

literal 0
HcmV?d00001

diff --git a/admin/public/img/person.png b/admin/public/img/person.png
new file mode 100644
index 0000000000000000000000000000000000000000..06dd31b53778d806ead8f59ac4ff5bb35cdfd61c
GIT binary patch
literal 396
zcmV;70dxL|P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000XU
z000XU0RWnu7ytkPK1oDDRCt`dl08cUK@f&7g<AQUIFqyR1FS4X&_ePPQj3)~R@$rR
zkFXL&NM_E61`7?x&72nLHEOF}{>jM-r;y8$yA|@n!0!9bKFqS~IK$M87fb-jDUh~*
zishtu^)PM)a~rJ^u)HGce#sNp6p|hQ>B}5F7jpxV<q|pA>h*zi8(GgSfcoV`Q6UjT
zQ2|Ila|40&%_d6~uyky);Q^8LeWlqP?e&+>f-$=ZJvm0w!>s;bU35l(qy?T-W6P|K
zXEMh|z~P>$w0&+N%Mr5d{Oxtu>bkQOY$C}$l0Ht>+EcMV-|(k_)Hj*w89Y%<7Liqv
z^v3mMHLb5qPiv+JSwiG+sejY8zkn<s-~}65Z-N}In=@vRL<ppJ<$74j3i}<T9#(+m
qwjZz?zhdqp?IwY?u>XFgLHY*eaLZ_nLc@yy0000<MNUMnLSTa2`K=KE

literal 0
HcmV?d00001

diff --git a/admin/src/components/Tables/SearchUserTable.vue b/admin/src/components/Tables/SearchUserTable.vue
index cace1b10c..da0c59d51 100644
--- a/admin/src/components/Tables/SearchUserTable.vue
+++ b/admin/src/components/Tables/SearchUserTable.vue
@@ -18,21 +18,27 @@
 
       <template #cell(status)="row">
         <div class="d-flex gap-3 justify-content-end align-items-center">
-          <div v-if="row.item.deletedAt" class="w-auto mr-3 test-deleted-icon" variant="light">
-            <!-- <div>
-              <IOcticonPerson24 />
-              <IOcticonCircleSlash24 style="color: #f5365c" />
-            </div> -->
+          <div
+            v-if="row.item.deletedAt"
+            class="mr-3 test-deleted-icon position-relative rounded-circle"
+            style="width: 40px; height: 40px"
+          >
+            <img src="/admin/public/img/circle-slash.png" class="position-absolute" />
+            <img
+              src="/admin/public/img/person.png"
+              class="position-relative"
+              style="transform: translate(50%, 30%)"
+            />
           </div>
           <span v-if="!row.item.deletedAt" class="d-flex gap-2">
             <div
               v-if="!row.item.emailChecked"
-              class="mr-3 rounded-circle bg-red-dark position-relative"
+              class="mr-3 rounded-circle position-relative"
               style="background-color: #dc3545; width: 40px; height: 40px"
             >
               <img
                 src="/admin/public/img/envelope.png"
-                style="transform: translate(15%, 15%)"
+                style="transform: translate(30%, 30%); width: 25px; height: 25px"
                 class="position-absolute"
               />
             </div>