archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

examples: improve typings for i18n app dir (#60160)

Browse source
This commit is contained in:
Nicolas Froidure 2024-01-03 15:42:12 +01:00 committed by GitHub
parent 7818c2d736
commit 2d52962dfd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/app-dir-i18n-routing/app/[lang]/components/counter.tsx
View file

@ -1,14 +1,12 @@
'use client' 'use client'
import { useState } from 'react' import { useState } from 'react'
import { type getDictionary } from '../../../get-dictionary'
export default function Counter({ export default function Counter({
dictionary, dictionary,
}: { }: {
dictionary: { dictionary: Awaited<ReturnType<typeof getDictionary>>['counter']
increment: string
decrement: string
}
}) { }) {
const [count, setCount] = useState(0) const [count, setCount] = useState(0)
return ( return (

4
examples/app-dir-i18n-routing/app/[lang]/components/locale-switcher.tsx
View file

@ -2,11 +2,11 @@
import { usePathname } from 'next/navigation' import { usePathname } from 'next/navigation'
import Link from 'next/link' import Link from 'next/link'
import { i18n } from '../../../i18n-config' import { i18n, type Locale } from '../../../i18n-config'
export default function LocaleSwitcher() { export default function LocaleSwitcher() {
const pathName = usePathname() const pathName = usePathname()
const redirectedPathName = (locale: string) => { const redirectedPathName = (locale: Locale) => {
if (!pathName) return '/' if (!pathName) return '/'
const segments = pathName.split('/') const segments = pathName.split('/')
segments[1] = locale segments[1] = locale

4
examples/app-dir-i18n-routing/app/[lang]/layout.tsx
View file

@ -1,4 +1,4 @@
import { i18n } from '../../i18n-config' import { i18n, type Locale } from '../../i18n-config'
export async function generateStaticParams() { export async function generateStaticParams() {
return i18n.locales.map((locale) => ({ lang: locale })) return i18n.locales.map((locale) => ({ lang: locale }))
@ -9,7 +9,7 @@ export default function Root({
params, params,
}: { }: {
children: React.ReactNode children: React.ReactNode
params: { lang: string } params: { lang: Locale }
}) { }) {
return ( return (
<html lang={params.lang}> <html lang={params.lang}>