From cf526e17804949ad205754950cd56f1dbf2d5ffe Mon Sep 17 00:00:00 2001
From: Fravy <arirl.elkaslasi@gmail.com>
Date: Sun, 31 Mar 2024 10:19:23 +0300
Subject: [PATCH 1/2] added temp close icon will be changed and worked more on

---
 src/pages/login/login.css             |  16 ++++++++++++++++
 src/pages/login/login.tsx             |   5 +++++
 src/pages/login/signup.tsx            |   6 +++++-
 src/pages/main_page/assets/x_icon.png | Bin 0 -> 966 bytes
 4 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/main_page/assets/x_icon.png

diff --git a/src/pages/login/login.css b/src/pages/login/login.css
index 4c42344..fefd083 100644
--- a/src/pages/login/login.css
+++ b/src/pages/login/login.css
@@ -588,3 +588,19 @@ li {
 }
 
 
+.ignore{
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin-top: 0px;
+}
+
+.ignore img {
+  width: 4.5svh;
+  height: 4.5svh;
+}
+
+.ignore img:hover{
+  width: 5svh;
+  height: 5svh;
+}
\ No newline at end of file
diff --git a/src/pages/login/login.tsx b/src/pages/login/login.tsx
index ac32eab..06b33ed 100644
--- a/src/pages/login/login.tsx
+++ b/src/pages/login/login.tsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
 import { invoke } from '@tauri-apps/api';
 import { useNavigate } from 'react-router-dom';
 import noenemies from '../main_page/assets/nature.jpg';
+import exiticon from '../main_page/assets/x_icon.png';
+
 
 function login(){
     const [name, setname] = useState("");
@@ -22,6 +24,9 @@ function login(){
     }
 
         return <div id='background' onContextMenu={e => e.preventDefault()}>
+            <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
+                <img src={exiticon} alt="" />
+            </button>
                         <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
         <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
diff --git a/src/pages/login/signup.tsx b/src/pages/login/signup.tsx
index 09cea85..2ba7e90 100644
--- a/src/pages/login/signup.tsx
+++ b/src/pages/login/signup.tsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { invoke } from '@tauri-apps/api';
 import noenemies from '../main_page/assets/nature2.jpg';
+import exiticon from '../main_page/assets/x_icon.png';
+
 
 
 function Login() {
@@ -25,7 +27,9 @@ function Login() {
 
     return (
         <div id='background' onContextMenu={e => e.preventDefault()}>
-
+            <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
+                <img src={exiticon} alt="" />
+            </button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={true} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
             <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
diff --git a/src/pages/main_page/assets/x_icon.png b/src/pages/main_page/assets/x_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..146508bd97ade231520742f83244bb395c81d525
GIT binary patch
literal 966
zcmeAS@N?(olHy`uVBq!ia0y~yU~~Xs7G|J`{k|PDfs{~yPlzj!MgtGDB^LpOSWANZ
zf*H!|8#*?hQ(C~lz#Ql4;uunK>+Ri*ovDTbtQXbQ+CGXNvUpt1b1UrM$~8CNJr-x(
zU2u9o2jAP*o|;Ri1bJZ)EuVjDZTb2;cgt7C_qv;a1c=qnnB#jOks(^JK;pnP78$k;
zqS%C%D@F4cWNi{<q(5VeYVG~<tH&F@+bk))e^s9Oo~`gy0j6IqA{W$K8tfEVzi=up
z@b_S>b>es-9ON(`pA^HQd;5Mr*L`rFS*b<f!hWZM#wizApXdr-P=C^}ClzR>%!KVe
z4)Z54f11YmLb%A`o)OSkz7x@E3;a(oR-R`0!fC0HpXe}m0^=`Tt{1{a4*Ok!3fNw3
z*8nPD_$vl<i{yg)i-4|T{t^vzUrIw=H_%j`3;BUSQ_(d^EVzHYHqut%!u#6D|H%z=
zF0emou~Ps#1;+ZqXt|L81ZS;--wWm<C;17&zZ&LDfU}^=Q5ErZWXTJJSt+c^b%;6H
zuwxoy<x{3lQEX49a-YbSoDi<3us+oxZfC<Dgap$Ips~-T1%EYED>})4s1#Vp|HG!|
z0(%S4Ey`aQ6@f0`sCDpo!EEFtFCg@*0hbie6uXDVdDwFu^Ciu0{c35?tvz&ho7Ka_
z==lYk*ZNi5xTbz5XSJ~0wy&J#w_nj$`ogvMuiJAzpRK{n6QF$Zm;Enmz@qjOZ``Ld
Q0<#{2r>mdKI;Vst00;Dm1poj5

literal 0
HcmV?d00001


From 2b4fb88e6b7baea2e1dacdaf9a351205599cc58c Mon Sep 17 00:00:00 2001
From: Fravy <arirl.elkaslasi@gmail.com>
Date: Sun, 31 Mar 2024 10:19:26 +0300
Subject: [PATCH 2/2] forgot to commit it pookies

---
 src/pages/login/login.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/login/login.tsx b/src/pages/login/login.tsx
index 06b33ed..1e6ea41 100644
--- a/src/pages/login/login.tsx
+++ b/src/pages/login/login.tsx
@@ -27,7 +27,7 @@ function login(){
             <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
                 <img src={exiticon} alt="" />
             </button>
-                        <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
+            <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
         <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
         <div className='iseewhoyouare' ></div>