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

boards on header

Browse Source
This commit is contained in:
smolgrrr 2024-01-07 13:13:15 +11:00
parent 467e1aef8f
commit 325edbee8b
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/Boards.tsx
View File

@ -1,11 +1,11 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
export const DefaultBoards = [ export const DefaultBoards = [
['Politically Incorrect', 'npub19znf32s8s7qpkpfrck0suyym3m3wtrwpnldj76u0qwjtms3dcftsqs6r87'], ['Politically Incorrect', 'npub19znf32s8s7qpkpfrck0suyym3m3wtrwpnldj76u0qwjtms3dcftsqs6r87', 'pol'],
['Bitcoin', 'npub19nrn4l0s39kpwww7pgk9jddj8lzekqxmtrll8r2a57chtq3zx6sq00vetn'], ['Bitcoin', 'npub19nrn4l0s39kpwww7pgk9jddj8lzekqxmtrll8r2a57chtq3zx6sq00vetn', 'btc'],
['Vidya', 'npub19t2dt6deqaleq59fdaq576tnqdzwkyzwptxfa2tck0v66w29xagqe7yqll'], ['Vidya', 'npub19t2dt6deqaleq59fdaq576tnqdzwkyzwptxfa2tck0v66w29xagqe7yqll', 'v'],
['Television & Film', 'npub1cpeuaea3cymx42fmmx2ur82t5qnckqv85qy5q2nhzhxwzael5v4sksfe29'], ['Television & Film', 'npub1cpeuaea3cymx42fmmx2ur82t5qnckqv85qy5q2nhzhxwzael5v4sksfe29', 'tv'],
['Technology', 'npub1qd7pdtkrdgd0239d7jtvjcdjtryy4vn98cnqhzl8pt9pcnt3u2eqll2sdz'] ['Technology', 'npub1qd7pdtkrdgd0239d7jtvjcdjtryy4vn98cnqhzl8pt9pcnt3u2eqll2sdz', 'g']
]; ];
const Boards = () => { const Boards = () => {

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

@ -3,11 +3,12 @@ import {
BellIcon, BellIcon,
ArchiveBoxIcon ArchiveBoxIcon
} from "@heroicons/react/24/outline"; } from "@heroicons/react/24/outline";
import { DefaultBoards } from "../Boards";
export default function Header() { export default function Header() {
return ( return (
<header className="mx-auto px-4 sm:px-6 lg:px-8"> <header className="mx-auto px-4 sm:px-6 lg:px-8 py-2">
<div className="flex justify-between items-center h-16"> <div className="flex justify-between items-center">
<a href="/"> <a href="/">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<img src="/icon.png" className="h-12" alt="logo" /> <img src="/icon.png" className="h-12" alt="logo" />
@ -16,6 +17,11 @@ export default function Header() {
</span> </span>
</div> </div>
</a> </a>
<div className="hidden md:block">
{DefaultBoards.map((board) => (
<a href={`/board/${board[1]}`} className='hover:underline text-neutral-600 text-xs pr-4'>/{board[2]}/</a>
))}
</div>
<div> <div>
<a <a
href="/boards" href="/boards"
@ -43,6 +49,11 @@ export default function Header() {
</a> </a>
</div> </div>
</div> </div>
<div className="block md:hidden flex justify-center ">
{DefaultBoards.map((board) => (
<a href={`/board/${board[1]}`} className='hover:underline text-neutral-600 text-xs pr-4'>/{board[2]}/</a>
))}
</div>
</header> </header>
); );
} }