From a9d9eb7d223ab7b896836c9237ef9e486bd4f538 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sat, 22 Jul 2023 13:14:27 +0300
Subject: [PATCH] Use icon button into titles

---
 public/icons/reveal.png          | Bin 0 -> 557 bytes
 src/components/Titles/Titles.jsx |  17 +++++++++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 public/icons/reveal.png

diff --git a/public/icons/reveal.png b/public/icons/reveal.png
new file mode 100644
index 0000000000000000000000000000000000000000..36bc9e757f56a0f25194c7fcdd640e9a19b80e53
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0m4Z{K~#7F?NVJ%
z!axw7*;>MzcmlYAaD#FKIf2DsLgGskpZp=E5#u9$G>TGBpq`-h1bT#e0{fsZwe30s
zEiMEM@tH4~>|}TL+i$-afDM+RYuPo9b!u_dLC3l<=-8&TPEk>g0)f)I8TKC5BJ5gM
zwFJ^Jr3PP?D7>=Bf;hz;iLxps?jcB%!qXseu3aZwNyua=WPS!22-M8m;pq$STb4ah
z=(<kCt4Vbl)d{L2(xyr(7Re;YD21d^kkQxspP+wmbgaRU_dNF`Od)PaK&svHRexuM
zDWs3AEP?N)mn%86E=~3kQ5YFuo5fDOWl|^NS|&|EAI}l8iVT1hCNnYysof>QCsup!
zo_Xvkd9+`gPf4{FrFBwoDGD)SGs^%A9YgX?Djmj%6{$7Ko$cwJ9Q1-uOGW*1J~}>)
ziJ3`w=bSoi-sL01&H94UEBiij&l__dlJqvcUfBZOH}kHJ++IM7n@RMTjPm|GneOMl
zw|;-6VAVJj52(r!#F)u)-@~PZ3aMQTFE#5~fCx2+qZmqt0Le`;C<0Q}_Wl}d6$dmj
v%H;_p05|WA#;9M+>A!GvJg9QO2FvgR%VX(=u#)xT00000NkvXXu0mjfZ`|##

literal 0
HcmV?d00001

diff --git a/src/components/Titles/Titles.jsx b/src/components/Titles/Titles.jsx
index c8e89bcc..dea0d7ad 100644
--- a/src/components/Titles/Titles.jsx
+++ b/src/components/Titles/Titles.jsx
@@ -1,11 +1,24 @@
-import { YStack } from "tamagui";
+import { XStack, YStack } from "tamagui";
 import { SubTitle } from "./Title";
 import { Title } from "./SubTitle";
+import { IconButton } from "../IconButton";
 
 const Titles = ({ title, subtitle }) => {
   return (
     <YStack>
-      <Title color={"#09101C"}>{title}</Title>
+      <XStack justifyContent="space-between">
+        <Title color={"#09101C"}>{title}</Title>
+        <IconButton
+          style={{
+            backgroundColor: "transparent",
+            border: "1px solid #DCE0E5",
+          }}
+          color={"#09101C"}
+          size={"$3"}
+          icon={"/icons/reveal.png"}
+          text={"Advanced Settings"}
+        />
+      </XStack>
       <SubTitle color={"#09101C"}>{subtitle}</SubTitle>
     </YStack>
   );