mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-30 14:58:08 +00:00
zeekayandGitHub
e20dc71ad8
The product pages from /s3 to /zap, /university and its course data, /trust, /security, /sdks, /support, /tasks, /startups, /sms-opt-in, the buying specialist, Zen, Kai's guide, Studio, the settings pages, and the shared sales, solutions, zap and ui pieces. Client code draws with t(), server components with <T>, copy held as data is marked with phrase() and drawn through t() where it lands. A link or a figure inside a sentence is a value, so a translator reorders the whole sentence. Rebased on main: every page main moved onto Fold or Steps keeps main's layout, with its words wrapped (label, title, lede, points). Steps now draws a step's body through t, as it already drew the title. Settings keeps main's usage panel, refresh, rewards wallet and sign-in wallet rows, each label wrapped. Left English: the skills page's install line (a command and two URLs), and the solution eyebrow and sibling heading built from a kind label. Claude-Session: https://claude.ai/code/session_015XYKLjZtDTJEnMo4eK3AFH
50 lines
2.7 KiB
TypeScript
50 lines
2.7 KiB
TypeScript
import type { ComponentType } from 'react'
|
|
import { Building2, CreditCard, Gauge, IdCard, KeyRound, Users } from 'lucide-react'
|
|
import { phrase } from '@hanzo/i18n'
|
|
|
|
/**
|
|
* Every settings page, once: the column draws these rows, ⌘K searches them, and
|
|
* the phone's strip names the open one from them, so a page cannot be reachable
|
|
* one way and missing another.
|
|
*
|
|
* `team` marks a page a personal organization does not have. An org of one holds
|
|
* one person and takes no invitations (HIP-0527 I5), so its Members row is
|
|
* replaced by the Organization page's "Convert to team".
|
|
*/
|
|
export interface Place {
|
|
href: string
|
|
/** Authored English, drawn through `t`. */
|
|
label: string
|
|
Icon: ComponentType<{ size?: number; 'aria-hidden'?: boolean }>
|
|
/** Words a person might search for that the label does not say. */
|
|
words: string
|
|
/** Part of an organization's settings rather than the person's own. */
|
|
org: boolean
|
|
team?: boolean
|
|
}
|
|
|
|
export const SETTINGS = '/settings'
|
|
export const ORGANIZATION = '/settings/organization'
|
|
/** API keys live in one place, the platform's keys page; this app keeps no copy. */
|
|
export const KEYS = 'https://platform.hanzo.ai/api-keys'
|
|
|
|
export const PLACES: Place[] = [
|
|
{ href: SETTINGS, label: phrase('General'), Icon: IdCard, words: 'profile name picture photo theme appearance dark light account', org: false },
|
|
{ href: ORGANIZATION, label: phrase('Organization'), Icon: Building2, words: 'name address country id delete convert team', org: true },
|
|
{ href: `${ORGANIZATION}/members`, label: phrase('Members'), Icon: Users, words: 'people invite invitations roles remove teammates', org: true, team: true },
|
|
{ href: `${ORGANIZATION}/billing`, label: phrase('Billing'), Icon: CreditCard, words: 'plan card payment invoices credits balance add funds', org: true },
|
|
{ href: `${ORGANIZATION}/usage`, label: phrase('Usage'), Icon: Gauge, words: 'usage plan limits spend credit premium models', org: true },
|
|
{ href: KEYS, label: phrase('API keys'), Icon: KeyRound, words: 'secret publishable default token credential revoke program automation', org: true },
|
|
]
|
|
|
|
/** The places a person can reach, narrowed by what they typed: the label as it is shown (`say`), or in English. */
|
|
export function find(places: Place[], query: string, say: (label: string) => string = (label) => label): Place[] {
|
|
const q = query.trim().toLowerCase()
|
|
if (!q) return places
|
|
return places.filter((p) => `${say(p.label)} ${p.label} ${p.words}`.toLowerCase().includes(q))
|
|
}
|
|
|
|
/** The place an address is, or the nearest one above it. */
|
|
export const here = (route: string): Place | undefined =>
|
|
PLACES.find((p) => p.href === route) ?? PLACES.find((p) => p.href !== SETTINGS && route.startsWith(`${p.href}/`))
|