mirror of
https://github.com/smolgrrr/TAO.git
synced 2024-09-20 01:11:25 +00:00
boards on header
This commit is contained in:
parent
467e1aef8f
commit
325edbee8b
@ -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 = () => {
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user