Source

// "Your boards" on the landing page, for returning owners. Read from this browser only.
import { useEffect, useState } from "react";
import { myBoards, type MyBoard } from "./lib/mine";
import { usePath } from "./lib/router";

export function YourBoards() {
  const path = usePath();
  const [mine, setMine] = useState<MyBoard[]>(myBoards);
  useEffect(() => setMine(myBoards()), [path]);
  if (!mine.length) return null;
  return (
    <div className="your-boards">
      <p className="your-title">Your boards</p>
      <ul className="your-list">
        {mine.map((b) => (
          <li key={b.id}><a href={`/b/${b.id}`} data-nav><strong>{b.title || "Untitled board"}</strong><span>Manage, share, write the changelog</span></a></li>
        ))}
      </ul>
    </div>
  );
}