Improve compact desktop usability and action guidance
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s

This commit is contained in:
Shinuwa 2026-10-05 21:47:16 +02:00
parent 0ac1a0974e
commit 0fc18cd8b9
24 changed files with 325 additions and 90 deletions

View file

@ -6,6 +6,7 @@ import { HomeOnboardingSection } from "./HomeOnboardingSection.jsx";
export function HomePage({ siteContent, toolboxes, actions }) {
const content = siteContent.home;
const toolCount = Object.keys(TOOLBOX_MODULES).length;
const hasToolboxes = toolboxes.length > 0;
const showOnboarding = import.meta.env.DEV || toolboxes.length === 0;
return (
<>
@ -15,7 +16,11 @@ export function HomePage({ siteContent, toolboxes, actions }) {
<h1>{content.hero.title}</h1>
<p>{content.hero.description}</p>
<div className="actions nds-toolbar">
<a className="nds-button" data-size="md" data-variant="primary" href="#/toolboxes">{content.hero.primaryAction}</a>
{hasToolboxes ? (
<a className="nds-button" data-size="md" data-variant="primary" href="#/toolboxes">{content.hero.primaryAction}</a>
) : (
<button className="nds-button" data-size="md" data-variant="primary" type="button" onClick={() => actions.setCreateModal({ tutorial: true })}>{content.hero.createAction}</button>
)}
<a className="nds-button" data-size="md" href="#/games">{content.hero.secondaryAction}</a>
</div>
</div>