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:
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { useTranslations } from 'next-intl'
|
import { useTranslations } from 'next-intl'
|
||||||
import { JobMonitor } from '@/components/3d-print/JobMonitor'
|
import { JobMonitor } from '@/components/3d-print/JobMonitor'
|
||||||
|
import { PageWithNav } from '@/components/PageWithNav'
|
||||||
import { STLPreview } from '@/components/3d-print/STLPreview'
|
import { STLPreview } from '@/components/3d-print/STLPreview'
|
||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import { css } from '../../../../styled-system/css'
|
import { css } from '../../../../styled-system/css'
|
||||||
@@ -73,25 +74,26 @@ export default function ThreeDPrintPage() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<PageWithNav navTitle={t('navTitle')} navEmoji="🖨️">
|
||||||
data-component="3d-print-page"
|
<div
|
||||||
className={css({
|
data-component="3d-print-page"
|
||||||
maxWidth: '1200px',
|
|
||||||
mx: 'auto',
|
|
||||||
p: 6,
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<h1
|
|
||||||
className={css({
|
className={css({
|
||||||
fontSize: '3xl',
|
maxWidth: '1200px',
|
||||||
fontWeight: 'bold',
|
mx: 'auto',
|
||||||
mb: 2,
|
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
|
<div
|
||||||
className={css({
|
className={css({
|
||||||
@@ -561,5 +563,6 @@ export default function ThreeDPrintPage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</PageWithNav>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "3D-Abakus-Ersteller",
|
||||||
"pageTitle": "Passen Sie Ihren 3D-druckbaren Abakus an",
|
"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.",
|
"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",
|
"customizationTitle": "Anpassungsparameter",
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "3D Abacus Creator",
|
||||||
"pageTitle": "Customize Your 3D Printable Abacus",
|
"pageTitle": "Customize Your 3D Printable Abacus",
|
||||||
"pageSubtitle": "Adjust the parameters below to customize your abacus, then generate and download the file for 3D printing.",
|
"pageSubtitle": "Adjust the parameters below to customize your abacus, then generate and download the file for 3D printing.",
|
||||||
"customizationTitle": "Customization Parameters",
|
"customizationTitle": "Customization Parameters",
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "Creador de Ábaco 3D",
|
||||||
"pageTitle": "Personaliza Tu Ábaco Imprimible en 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.",
|
"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",
|
"customizationTitle": "Parámetros de Personalización",
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "3D Abacus Giskaffari",
|
||||||
"pageTitle": "Gianamahho Thīnan 3D Drucchāran Abacus",
|
"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.",
|
"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",
|
"customizationTitle": "Anamahhōnparameterōn",
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "3D अबेकस निर्माता",
|
||||||
"pageTitle": "अपने 3D प्रिंट करने योग्य अबेकस को अनुकूलित करें",
|
"pageTitle": "अपने 3D प्रिंट करने योग्य अबेकस को अनुकूलित करें",
|
||||||
"pageSubtitle": "अपने अबेकस को अनुकूलित करने के लिए नीचे दिए गए पैरामीटर समायोजित करें, फिर 3D प्रिंटिंग के लिए फ़ाइल उत्पन्न करें और डाउनलोड करें।",
|
"pageSubtitle": "अपने अबेकस को अनुकूलित करने के लिए नीचे दिए गए पैरामीटर समायोजित करें, फिर 3D प्रिंटिंग के लिए फ़ाइल उत्पन्न करें और डाउनलोड करें।",
|
||||||
"customizationTitle": "अनुकूलन पैरामीटर",
|
"customizationTitle": "अनुकूलन पैरामीटर",
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "3Dそろばん作成",
|
||||||
"pageTitle": "3Dプリント可能そろばんをカスタマイズ",
|
"pageTitle": "3Dプリント可能そろばんをカスタマイズ",
|
||||||
"pageSubtitle": "以下のパラメータを調整してそろばんをカスタマイズし、3Dプリント用のファイルを生成してダウンロードします。",
|
"pageSubtitle": "以下のパラメータを調整してそろばんをカスタマイズし、3Dプリント用のファイルを生成してダウンロードします。",
|
||||||
"customizationTitle": "カスタマイズパラメータ",
|
"customizationTitle": "カスタマイズパラメータ",
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"abacus": {
|
"abacus": {
|
||||||
|
"navTitle": "Creator Abaci 3D",
|
||||||
"pageTitle": "Abacum Tuum 3D Imprimibilem Configura",
|
"pageTitle": "Abacum Tuum 3D Imprimibilem Configura",
|
||||||
"pageSubtitle": "Parametros infra adapta ut abacum tuum configures, deinde fasciculum genera et depone pro impressione 3D.",
|
"pageSubtitle": "Parametros infra adapta ut abacum tuum configures, deinde fasciculum genera et depone pro impressione 3D.",
|
||||||
"customizationTitle": "Parametri Configurationis",
|
"customizationTitle": "Parametri Configurationis",
|
||||||
|
|||||||
Reference in New Issue
Block a user