doot/TAO
1
0
Fork 0
mirror of https://github.com/smolgrrr/TAO.git synced 2024-09-20 01:11: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';
export const DefaultBoards = [
['Politically Incorrect', 'npub19znf32s8s7qpkpfrck0suyym3m3wtrwpnldj76u0qwjtms3dcftsqs6r87'],
['Bitcoin', 'npub19nrn4l0s39kpwww7pgk9jddj8lzekqxmtrll8r2a57chtq3zx6sq00vetn'],
['Vidya', 'npub19t2dt6deqaleq59fdaq576tnqdzwkyzwptxfa2tck0v66w29xagqe7yqll'],
['Television & Film', 'npub1cpeuaea3cymx42fmmx2ur82t5qnckqv85qy5q2nhzhxwzael5v4sksfe29'],
['Technology', 'npub1qd7pdtkrdgd0239d7jtvjcdjtryy4vn98cnqhzl8pt9pcnt3u2eqll2sdz']
['Politically Incorrect', 'npub19znf32s8s7qpkpfrck0suyym3m3wtrwpnldj76u0qwjtms3dcftsqs6r87', 'pol'],
['Bitcoin', 'npub19nrn4l0s39kpwww7pgk9jddj8lzekqxmtrll8r2a57chtq3zx6sq00vetn', 'btc'],
['Vidya', 'npub19t2dt6deqaleq59fdaq576tnqdzwkyzwptxfa2tck0v66w29xagqe7yqll', 'v'],
['Television & Film', 'npub1cpeuaea3cymx42fmmx2ur82t5qnckqv85qy5q2nhzhxwzael5v4sksfe29', 'tv'],
['Technology', 'npub1qd7pdtkrdgd0239d7jtvjcdjtryy4vn98cnqhzl8pt9pcnt3u2eqll2sdz', 'g']
];
const Boards = () => {

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

@ -3,11 +3,12 @@ import {
BellIcon,
ArchiveBoxIcon
} from "@heroicons/react/24/outline";
import { DefaultBoards } from "../Boards";
export default function Header() {
return (
<header className="mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center h-16">
<header className="mx-auto px-4 sm:px-6 lg:px-8 py-2">
<div className="flex justify-between items-center">
<a href="/">
<div className="flex items-center gap-2">
<img src="/icon.png" className="h-12" alt="logo" />
@ -16,6 +17,11 @@ export default function Header() {
</span>
</div>
</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>
<a
href="/boards"
@ -43,6 +49,11 @@ export default function Header() {
</a>
</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>
);
}