mirror of
https://github.com/smolgrrr/TAO.git
synced 2024-09-20 01:11:25 +00:00
small about page
This commit is contained in:
parent
8b5295dd27
commit
c670870a94
BIN
client/public/tao.png
Normal file
BIN
client/public/tao.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.8 KiB |
@ -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 />} />
|
||||
|
@ -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>
|
||||
);
|
||||
}
|
@ -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>
|
||||
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user