Phase 1 of turning the game into the company landing page. - Add src/config/company.js with name, tagline, contact, about and the product line, plus a brand palette built around #00a693 (contrast checked); placeholders are marked TODO(company). - Add src/config/assets.js listing every loaded file with its expected format; placeholders are marked TODO(asset). - Move all Persian interface text, dialogue, missions and scenery text into src/i18n/fa.js; components and game code read from it. - Expose the palette as CSS variables (--color-primary and shades) and Tailwind colours, and use it for 3D materials and map drawings. - Fix the arrival line that still called the manager's car a white pickup. - Add tests that block hard-coded Persian text and low-contrast colours. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
44 lines
1.3 KiB
React
44 lines
1.3 KiB
React
import { GameNode } from '@/components/shared/GameNode.jsx';
|
|
import { strings } from '@/i18n/fa.js';
|
|
/** @typedef {{nodes:object,actions:object}} InstallDialogProps */
|
|
/** Presents the InstallDialog view using plain models and semantic native elements.
|
|
* @param {InstallDialogProps} props - Interface snapshots and callbacks.
|
|
* @returns {import('react').ReactElement} Game panel.
|
|
*/
|
|
export function InstallDialog({ nodes, actions }) {
|
|
return (
|
|
<>
|
|
<GameNode
|
|
as="dialog"
|
|
id="ios-install"
|
|
model={nodes['ios-install']}
|
|
onClose={() => actions.close('ios-install')}
|
|
>
|
|
<h2>{strings.install.title}</h2>
|
|
<ol>
|
|
<li>
|
|
{strings.install.shareBefore}
|
|
<b>{'Share'}</b>
|
|
{strings.install.shareAfter}
|
|
</li>
|
|
<li>
|
|
{strings.install.addBefore}
|
|
<b>{'Add to Home Screen'}</b>
|
|
{strings.install.addAfter}
|
|
</li>
|
|
<li>{strings.install.note}</li>
|
|
</ol>
|
|
<GameNode
|
|
as="button"
|
|
type="button"
|
|
id="ios-close"
|
|
model={nodes['ios-close']}
|
|
onAction={() => actions.emit('ios-close')}
|
|
>
|
|
{strings.common.gotIt}
|
|
</GameNode>
|
|
</GameNode>
|
|
</>
|
|
);
|
|
}
|