CI / Typecheck, lint, tests, e2e (push) Failing after 3m51s
- Title screen over a real-time voxel office rendered at low resolution and quantized to a rotating 32-colour palette with Bayer dithering; day part and season re-light the scene and every surface. - 16-bit UI kit: name-plate dialogs, menu cursor, inventory, XP bar, badges, NPC speech, GAME OVER with CONTINUE, hand-placed 12x12 icons, Fusion Pixel font (Latin subset preloaded). - Sections as a game: quest log (onboarding), character select (AI CEO / AI Co-Founder), inventory (features), party roster (providers), live download XP, save point (all v1.5.1 builds), FAQ as NPC dialog, credits. - Downloads and source point to the Gitea release; the download function only redirects to git.zacharyzhang.com. - Tailwind and the old components removed; unit tests for platform/downloads, rewritten e2e suite. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
24 lines
839 B
TypeScript
24 lines
839 B
TypeScript
import type { MouseEventHandler, ReactNode } from "react";
|
|
import { Icon, type IconName } from "./icon";
|
|
import styles from "./pixel.module.css";
|
|
|
|
/** A chunky button that sinks into its base when pressed; with href it is a link that looks the part. */
|
|
export function PixelButton({ children, href, onClick, variant = "primary", icon }: {
|
|
children: ReactNode;
|
|
href?: string;
|
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
variant?: "primary" | "ghost";
|
|
icon?: IconName;
|
|
}) {
|
|
const content = (
|
|
<>
|
|
{icon ? <Icon name={icon} /> : null}
|
|
<span>{children}</span>
|
|
</>
|
|
);
|
|
if (href) {
|
|
return <a className={styles.button} data-variant={variant} href={href} onClick={onClick}>{content}</a>;
|
|
}
|
|
return <button type="button" className={styles.button} data-variant={variant} onClick={onClick}>{content}</button>;
|
|
}
|