fix(i18n): add nav bar to 3D abacus creator page

- Added navTitle translation key to all 7 language files
- Wrapped abacus page with PageWithNav component
- Now matches navigation pattern of other create pages

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-11-05 10:01:34 -06:00
parent 0c4b0c2fac
commit 827a949216
8 changed files with 25 additions and 15 deletions

View File

@ -2,6 +2,7 @@
import { useTranslations } from 'next-intl'
import { JobMonitor } from '@/components/3d-print/JobMonitor'
import { PageWithNav } from '@/components/PageWithNav'
import { STLPreview } from '@/components/3d-print/STLPreview'
import { useState } from 'react'
import { css } from '../../../../styled-system/css'
@ -73,25 +74,26 @@ export default function ThreeDPrintPage() {
}
return (
<div
data-component="3d-print-page"
className={css({
maxWidth: '1200px',
mx: 'auto',
p: 6,
})}
>
<h1
<PageWithNav navTitle={t('navTitle')} navEmoji="🖨️">
<div
data-component="3d-print-page"
className={css({
fontSize: '3xl',
fontWeight: 'bold',
mb: 2,
maxWidth: '1200px',
mx: 'auto',
p: 6,
})}
>
{t('pageTitle')}
</h1>
<h1
className={css({
fontSize: '3xl',
fontWeight: 'bold',
mb: 2,
})}
>
{t('pageTitle')}
</h1>
<p className={css({ mb: 6, color: 'gray.600' })}>{t('pageSubtitle')}</p>
<p className={css({ mb: 6, color: 'gray.600' })}>{t('pageSubtitle')}</p>
<div
className={css({
@ -561,5 +563,6 @@ export default function ThreeDPrintPage() {
</div>
</div>
</div>
</PageWithNav>
)
}

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "3D-Abakus-Ersteller",
"pageTitle": "Passen Sie Ihren 3D-druckbaren Abakus an",
"pageSubtitle": "Passen Sie die Parameter unten an, um Ihren Abakus anzupassen, und generieren und laden Sie dann die Datei für den 3D-Druck herunter.",
"customizationTitle": "Anpassungsparameter",

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "3D Abacus Creator",
"pageTitle": "Customize Your 3D Printable Abacus",
"pageSubtitle": "Adjust the parameters below to customize your abacus, then generate and download the file for 3D printing.",
"customizationTitle": "Customization Parameters",

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "Creador de Ábaco 3D",
"pageTitle": "Personaliza Tu Ábaco Imprimible en 3D",
"pageSubtitle": "Ajusta los parámetros a continuación para personalizar tu ábaco, luego genera y descarga el archivo para impresión 3D.",
"customizationTitle": "Parámetros de Personalización",

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "3D Abacus Giskaffari",
"pageTitle": "Gianamahho Thīnan 3D Drucchāran Abacus",
"pageSubtitle": "Gistellōn thie parameterōn untanafora ze gianamahhōnne thīnan abacus, thanne giskaffo inti hlado thia datei fora 3D drucch.",
"customizationTitle": "Anamahhōnparameterōn",

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "3D अबेकस निर्माता",
"pageTitle": "अपने 3D प्रिंट करने योग्य अबेकस को अनुकूलित करें",
"pageSubtitle": "अपने अबेकस को अनुकूलित करने के लिए नीचे दिए गए पैरामीटर समायोजित करें, फिर 3D प्रिंटिंग के लिए फ़ाइल उत्पन्न करें और डाउनलोड करें।",
"customizationTitle": "अनुकूलन पैरामीटर",

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "3Dそろばん作成",
"pageTitle": "3Dプリント可能そろばんをカスタマイズ",
"pageSubtitle": "以下のパラメータを調整してそろばんをカスタマイズし、3Dプリント用のファイルを生成してダウンロードします。",
"customizationTitle": "カスタマイズパラメータ",

View File

@ -29,6 +29,7 @@
}
},
"abacus": {
"navTitle": "Creator Abaci 3D",
"pageTitle": "Abacum Tuum 3D Imprimibilem Configura",
"pageSubtitle": "Parametros infra adapta ut abacum tuum configures, deinde fasciculum genera et depone pro impressione 3D.",
"customizationTitle": "Parametri Configurationis",