From 088427f6dc8fa2cab14fa3ed4762f9c9b4441209 Mon Sep 17 00:00:00 2001
From: MaoShizhong <122839503+MaoShizhong@users.noreply.github.com>
Date: Fri, 5 Jan 2024 16:56:50 +0000
Subject: [PATCH] Add github repo link and adjust header searhc placeholder

---
 src/components/header/Header.jsx                |  4 ++--
 src/components/settings/Settings.jsx            | 14 +++++++++++++-
 src/components/settings/css/settings.module.css | 16 ++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
index 8cedcdf..dbbee0b 100644
--- a/src/components/header/Header.jsx
+++ b/src/components/header/Header.jsx
@@ -123,8 +123,8 @@ export function Header({
                         <input
                             type="search"
                             name="search"
-                            aria-label="search peepl"
-                            placeholder="Search for peepl"
+                            aria-label="search peepl users"
+                            placeholder="Find peepl"
                             defaultValue={query}
                             className={headerStyles.search}
                             ref={searchRef}
diff --git a/src/components/settings/Settings.jsx b/src/components/settings/Settings.jsx
index 1b1b34b..9aeac37 100644
--- a/src/components/settings/Settings.jsx
+++ b/src/components/settings/Settings.jsx
@@ -36,7 +36,9 @@ export function Settings() {
         if (emailRes instanceof Error || !emailRes.ok) {
             alert(SERVER_ERROR);
         } else {
-            alert('An email containing a one-time use link has sent to the email associated with this account.');
+            alert(
+                'An email containing a one-time use link has sent to the email associated with this account.'
+            );
         }
     }
 
@@ -65,6 +67,16 @@ export function Settings() {
             >
                 Request account deletion
             </button>
+
+            <a
+                href="https://github.com/MaoShizhong/Peepl"
+                target="_blank"
+                rel="noreferrer"
+                className={settingsStyles.github}
+            >
+                <img src="/github.png" alt="github logo" />
+                MaoShizhong
+            </a>
         </main>
     );
 }
diff --git a/src/components/settings/css/settings.module.css b/src/components/settings/css/settings.module.css
index ab74424..ef22c35 100644
--- a/src/components/settings/css/settings.module.css
+++ b/src/components/settings/css/settings.module.css
@@ -22,3 +22,19 @@
 .error {
     composes: error from '../../login/css/login.module.css';
 }
+
+.github {
+    align-items: center;
+    display: flex;
+    gap: 6px;
+    margin-top: auto;
+    transition: var(--transition);
+
+    & > img {
+        width: 40px;
+    }
+
+    &:hover {
+        opacity: 0.7;
+    }
+}
\ No newline at end of file