From 762717bdcd7c4cb5c0d7fc1151f451cfd84a6ffa Mon Sep 17 00:00:00 2001
From: gman <gman>
Date: Wed, 25 Oct 2023 22:40:54 +0300
Subject: [PATCH] custom icon

---
 src/ArticleCard.tsx  |  12 ++++++------
 src/assets/globe.png | Bin 0 -> 1312 bytes
 2 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/globe.png

diff --git a/src/ArticleCard.tsx b/src/ArticleCard.tsx
index c4961ae..f77bd88 100644
--- a/src/ArticleCard.tsx
+++ b/src/ArticleCard.tsx
@@ -1,5 +1,5 @@
-import { createStyles, Card, Image, Stack, Text, Group, Flex, rem } from '@mantine/core';
-import { IconCurrentLocation } from '@tabler/icons-react';
+import { createStyles, Card, Image, Stack, Text, Group, Flex } from '@mantine/core';
+import globe from './assets/globe.png'
 
 
 const useStyles = createStyles((theme) => ({
@@ -19,8 +19,8 @@ const useStyles = createStyles((theme) => ({
 
   address: {
     "&:hover": {
-      color: "red",
-      cursor: "pointer"
+      cursor: "pointer",
+      filter: "invert(54%) sepia(72%) saturate(4528%) hue-rotate(164deg) brightness(98%) contrast(101%)"
     }
   }
 }));
@@ -61,8 +61,8 @@ export function ArticleCardVertical({
             {title}
           </Text>
           <Flex align='center' onClick={() => handleAddressClick(id)} className={classes.address}>
-            <IconCurrentLocation style={{ width: rem(12), height: rem(12) }} />
-            {/* <IconArrowLeft style={{ width: rem(12), height: rem(12) }} /> */}
+            {/* <IconCurrentLocation style={{ width: rem(12), height: rem(12) }} /> */}
+            <Image src={globe} style={{ width: 32, height: 32 }} />
             <Text size="xs" pl={5} pb={2}>
               {address}
             </Text>
diff --git a/src/assets/globe.png b/src/assets/globe.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ed4cfeb05fe1a963a7d212f983e73389b9ce4ce
GIT binary patch
literal 1312
zcmV+*1>gFKP)<h;3K|Lk000e1NJLTq002V(002V>1^@s6$I7^K00009a7bBm000*e
z000*e0m>%xKL7v((n&-?RCt{2o9l7hAP|5dlmEUBq7Hl=SS6?f%N4}w;L?FR$hm^3
z1f>JH1Gxja0y4ylz1mw4PdT1pXPCRw1Bs7)z`{wTl&JD5Un+-psW6aK7)UA%Bozjd
z3Ij=nfuzDf@^#OLNhw<)#8C)w5JI%%^dy9s^`}y5-1EKOM2|pA7HITY2(jqLd6ot4
zX-mH!F6AnIg)jyHu$6HyC?z0h6BsNF)4knmQ(^8q!a183={gUe1_m@}cJ%T&pstS5
ztObJv?K9_+wI?@-g}nGZ^mY&sXk?504F%FMFqTx!DFs4Dh6bIt0s*t?pwTX^qU8wp
zW9=C}6b3Ygg1G1*4oF0lp&HUK&+lT}lAPR;QtF<$fuB!cyNl&o4dj=jx)*?H#u*bd
zwt;d>u76TW9i^07vwp*|XQfmV)tE%B=t)mGZ5GUd(}c}21(+hIAt%OM`d!V0QO~W$
zP)8UXWeE6HClF^k?G3|AE8s<Gh#Vl&ghm;2?MUDn?U>N9Cb&%rFsSFhaGU^QBG>ik
zym#1zy0BR_==aRjcfSh^hyAXAkltG?BTp|N#0-ok;E`@ifQ@^>z$*U0g;xE-TOdM!
zaJ>!=`RzTZsq6&<_ef(Ibm7Kr#{MlJ0Da}GIZYtfSvw#n4C60mVme&dJO$M28mY29
zPLC6<4VtgS!eH&v0wid@U>T`4j%SVp#)WV3Em_lkN~sB8U>T*9hk!bC<L}U+Tj+fw
zXIj7c67n2QQemtb4r#q_<eKXYK(5gD!Ex)+_Zgg|!k`W8(f6M)*ASV22$+jd%{!ob
zl5(fHv*R6nz9^+mV878oh<W_0LrO`_#H9`FgwZOI4%B$?g*Z<x3UFc9%c(LUnyY^m
z*~s`ND4N7-hUu{@DW&Ndoce!LS8%Gq8Uh+{4L@~i;0HQ=tIta*8|0(RJK^d39Mq~v
z&EQ6Z&cRNIhS-MjOxT^6_n4{HmL6wtlcZI=x7@c0gqiC1<U9p}N5c5Mf>VG|FlgiH
z8p+0eED+07pH0$m8p8OC-~>+!jE*$O3x)#-9l1IiLsAGmb1XPh9t}e|yuIhWwlu)v
zku}5qiOXd~Wyw=vw4pHIo(IRWfHOlyG*Y1%>`agC3WMn-Q${EcP)5g?ffiSkX^1(U
z)upcpPU>WX;W8JGGJvM|M45&>$2eYUZb3PW5-_-2Cs&NN^h{%|KmeF60%7wAnz9#x
z;Q%s(WT`Dc=(q!eSZPXf8*;%wK)CG)XJ7SoWXud)4n*>za~2q&@-q}OY__eO%>d>^
zR@z%g*Vz`I7c|^HG9aS;L<tz&OPdUN?836C?}U8EJ+qpY1w<|woUa&32D=9p_XRUx
zCu`XfHRS}Ma;(CO_uQlI!SCeMA6U;A(6zSRek05@Cv<HG+HgazeFO~*OWtfrPO{KI
zF2pWqKbLiM=&`SBF1gvQOr`Hmb;}&)fa{{R8GJYlwY>$w*Lj{(cH)GVB0Gd3Wrug!
z+=2PDXgQJ-vrBlyzGFApK_iN*_kU?7pBaS86<RH(@yIL%CQH#x_L($-CR|Du?_I{B
zCD)4DjMhayt>iS5hAiL|k&<Ro|M85Z{w)hhg@L5PKvH2KsW6aK7)UA%Bo&4cA;e#3
WMS^h2ZW!MH0000<MNUMnLSTYGwOo(@

literal 0
HcmV?d00001