+20

src/lib/auth/nav.test.ts

Reviewed

··· 1 1 + import { describe, expect, it } from 'vitest'; 2 2 + import { appBarNav } from './nav'; 3 3 + 4 4 + describe( 'appBarNav', () => { 5 5 + it( 'links the editor bar back to the dashboard (Publications)', () => { 6 6 + expect( appBarNav( 'editor' ) ).toEqual( { 7 7 + href: '/dashboard', 8 8 + label: 'Publications', 9 9 + icon: 'publications', 10 10 + } ); 11 11 + } ); 12 12 + 13 13 + it( 'links the dashboard bar into the editor (Write, feather)', () => { 14 14 + expect( appBarNav( 'dashboard' ) ).toEqual( { 15 15 + href: '/editor', 16 16 + label: 'Write', 17 17 + icon: 'feather', 18 18 + } ); 19 19 + } ); 20 20 + } );

+20

src/lib/auth/nav.ts

Reviewed

··· 1 1 + /** The page an AppBar renders on; selects its contextual nav action. */ 2 2 + export type AppBarContext = 'editor' | 'dashboard'; 3 3 + 4 4 + export interface AppBarNav { 5 5 + href: string; 6 6 + label: string; 7 7 + icon: 'feather' | 'publications'; 8 8 + } 9 9 + 10 10 + /** 11 11 + * The AppBar's single contextual nav action, by the page it renders on: 12 12 + * editor → back to your publications (the dashboard) 13 13 + * dashboard → into the editor (a feather "Write") 14 14 + */ 15 15 + export function appBarNav( current: AppBarContext ): AppBarNav { 16 16 + if ( current === 'dashboard' ) { 17 17 + return { href: '/editor', label: 'Write', icon: 'feather' }; 18 18 + } 19 19 + return { href: '/dashboard', label: 'Publications', icon: 'publications' }; 20 20 + }