From c670870a94611de10121f9b8e5b0818dadd69214 Mon Sep 17 00:00:00 2001
From: smolgrrr <smolgrrr@protonmail.com>
Date: Tue, 31 Oct 2023 00:01:58 +1100
Subject: [PATCH] small about page

---
 client/public/tao.png                   | Bin 0 -> 3909 bytes
 client/src/App.tsx                      |   2 ++
 client/src/components/Header/Header.tsx |  23 +++++++++++++++++------
 client/src/components/Settings.tsx      |  15 ++++++++++++---
 4 files changed, 31 insertions(+), 9 deletions(-)
 create mode 100644 client/public/tao.png

diff --git a/client/public/tao.png b/client/public/tao.png
new file mode 100644
index 0000000000000000000000000000000000000000..9200e6669d44904dc1b5d424ef942e4920505d39
GIT binary patch
literal 3909
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
To}?xO00000NkvXXu0mjf5kz|d

literal 0
HcmV?d00001

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 0a7a4e6..43063eb 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -5,6 +5,7 @@ import Settings from './components/Settings';
 import SwipeableViews from 'react-swipeable-views';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Thread from './components/Thread/Thread';
+import Header from './components/Header/Header';
 
 function App() {
   const [index, setIndex] = React.useState(1);
@@ -16,6 +17,7 @@ function App() {
 
   return (
     <Router>
+      <Header />
       <Routes>
         <Route path="/settings" element={<Settings />} />
         <Route path="/home" element={<Home />} />
diff --git a/client/src/components/Header/Header.tsx b/client/src/components/Header/Header.tsx
index 1120ada..e878924 100644
--- a/client/src/components/Header/Header.tsx
+++ b/client/src/components/Header/Header.tsx
@@ -1,13 +1,24 @@
-import { CogIcon } from '@heroicons/react/24/outline';
+import { Cog6ToothIcon, QuestionMarkCircleIcon } from '@heroicons/react/24/outline';
 
 export default function Header() {
     return (
-        <footer className="fixed bottom-0 z-20 w-full bg-gradient-to-r from-blue-900 to-cyan-500 shadow-lg shadow-black">
-            <div className="flex justify-end items-center h-14"> {/* Adjust height as needed */}
-                <button tabIndex={0} className="p-4">
-                    <CogIcon className="h-12 w-12 text-transperant" />
+        <header className="hidden lg:block text-white p-4">
+            <div className="container mx-auto flex justify-between items-center">
+                <a href='/'>
+                <div className="flex items-center">
+                    <img src="tao.png" className="h-8" />
+                    <span className="font-bold">The Anon Operation</span>
+                </div>
+                </a>
+                <button className="ml-auto pr-4">
+                    <QuestionMarkCircleIcon className="h-6 w-6 text-transperant" />
                 </button>
+                <a href='/settings'>
+                <button className="">
+                    <Cog6ToothIcon className="h-6 w-6 text-transperant" />
+                </button>
+                </a>
             </div>
-        </footer>
+        </header>
     );
 }
\ No newline at end of file
diff --git a/client/src/components/Settings.tsx b/client/src/components/Settings.tsx
index 38d5977..4922471 100644
--- a/client/src/components/Settings.tsx
+++ b/client/src/components/Settings.tsx
@@ -4,8 +4,8 @@ import React, { useEffect, useState } from 'react';
 import { addRelay } from '../utils/relays';
 
 const Settings = () => {
-  const [filterDifficulty, setFilterDifficulty] = useState(localStorage.getItem('filterDifficulty') || 20);
-  const [difficulty, setDifficulty] = useState(localStorage.getItem('difficulty') || 20);
+  const [filterDifficulty, setFilterDifficulty] = useState(localStorage.getItem('filterDifficulty') || 21);
+  const [difficulty, setDifficulty] = useState(localStorage.getItem('difficulty') || 21);
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
@@ -25,7 +25,7 @@ const Settings = () => {
 // }, []);
 
   return (
-    <div className="settings-page bg-black text-white min-h-screen p-8">
+    <div className="settings-page bg-black text-white p-8">
       <h1 className="text-lg font-semibold mb-4">Settings</h1>
       <form onSubmit={handleSubmit}>
         <div className="flex flex-wrap -mx-2 mb-4">
@@ -59,6 +59,15 @@ const Settings = () => {
           Save Settings
         </button>
       </form>
+
+      <div className="settings-page py-10">
+          <h1 className="text-lg font-semibold mb-4">About</h1>
+          <div className='flex'>  
+            <a href='https://github.com/smolgrrr/TAO'>
+            <img src="https://img.shields.io/github/stars/smolgrrr/TAO.svg?style=social"/>
+            </a>
+          </div>
+        </div>
     </div>
 
   );