doot/TAO
1
0
Fork 0
mirror of https://github.com/smolgrrr/TAO.git synced 2024-09-20 09:21:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

small about page

Browse Source
This commit is contained in:
smolgrrr 2023-10-31 00:01:58 +11:00
parent 8b5295dd27
commit c670870a94
4 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
client/public/tao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

2
client/src/App.tsx
View File

@ -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 />} />

25
client/src/components/Header/Header.tsx
View File

@ -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" />
</button>
<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>
</footer>
</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>
</header>
);
}

15
client/src/components/Settings.tsx
View File

@ -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>
);