mymusics

retro MySpace-style music player
Log | Files | Refs | README

SiteHeader.tsx (833B)

      1 import { Link } from "react-router-dom";
      2 
      3 type NavKind = "home" | "about";
      4 
      5 export function SiteHeader({ nav }: { nav: NavKind }) {
      6   return (
      7     <header className="header">
      8       <Link to="/" className="logo-link" aria-label="MyMusics home">
      9         <img
     10           className="logo"
     11           src="/mymusics.png"
     12           alt="MyMusics"
     13           width={200}
     14           height={80}
     15           decoding="async"
     16         />
     17       </Link>
     18       <nav className="site-nav" aria-label="Site">
     19         {nav === "home" ? (
     20           <Link to="/about" className="nav-link">
     21             About
     22           </Link>
     23         ) : (
     24           <Link to="/" className="nav-link">
     25             Back to player
     26           </Link>
     27         )}
     28       </nav>
     29       <p className="tagline">Pull up a chair — random songs from the archive.</p>
     30     </header>
     31   );
     32 }