From 325edbee8b0c61f3dc8e010833df3a020c184341 Mon Sep 17 00:00:00 2001
From: smolgrrr <smolgrrr@protonmail.com>
Date: Sun, 7 Jan 2024 13:13:15 +1100
Subject: [PATCH] boards on header

---
 client/src/components/Boards.tsx        | 10 +++++-----
 client/src/components/Header/Header.tsx | 15 +++++++++++++--
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/client/src/components/Boards.tsx b/client/src/components/Boards.tsx
index cb899ec..dfaac9a 100644
--- a/client/src/components/Boards.tsx
+++ b/client/src/components/Boards.tsx
@@ -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 = () => {
diff --git a/client/src/components/Header/Header.tsx b/client/src/components/Header/Header.tsx
index 8db69fc..9686d49 100644
--- a/client/src/components/Header/Header.tsx
+++ b/client/src/components/Header/Header.tsx
@@ -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>
   );
 }