Improve compact desktop usability and action guidance
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s
This commit is contained in:
parent
0ac1a0974e
commit
0fc18cd8b9
24 changed files with 325 additions and 90 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue