Readonly props

djobbo · Apr 11, 2024 · 4e13fae · 4e13fae
1 parent 5e83330
commit 4e13fae
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 24 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -9,11 +9,11 @@ export const metadata: Metadata = {
     description: "Zenji is a platform for learning Japanese",
 }
 
-export default function RootLayout({
-    children,
-}: Readonly<{
+type RootLayoutProps = Readonly<{
     children: React.ReactNode
-}>) {
+}>
+
+export default function RootLayout({ children }: RootLayoutProps) {
     return (
         <html lang="en">
             <body className={poppins.className}>{children}</body>

diff --git a/app/level/[level]/round/[round]/page.tsx b/app/level/[level]/round/[round]/page.tsx
@@ -9,12 +9,9 @@ const paramsSchema = z.object({
     round: z.number({ coerce: true }).int().catch(1),
 })
 
-type LevelRoundPageProps = {
-    params: {
-        level: string
-        round: string
-    }
-}
+type LevelRoundPageProps = Readonly<{
+    params: unknown
+}>
 
 export default function LevelRoundPage({ params }: LevelRoundPageProps) {
     const parsedParams = paramsSchema.safeParse(params)

diff --git a/components/CharacterDisplay.tsx b/components/CharacterDisplay.tsx
@@ -1,9 +1,9 @@
 import { AnimatePresence, motion } from "framer-motion"
 
-type CharacterDisplayProps = {
+type CharacterDisplayProps = Readonly<{
     character: string
     pronounciation?: string
-}
+}>
 
 export const CharacterDisplay = ({
     character,

diff --git a/components/Steps/CharacterQuizChoice.tsx b/components/Steps/CharacterQuizChoice.tsx
@@ -4,15 +4,15 @@ import { Button } from "@/components/Button"
 import { CharacterDisplay } from "@/components/CharacterDisplay"
 import { useLevelStore } from "@/store/LevelStore"
 
-type CharacterQuizChoiceStepContentProps = {
+type CharacterQuizChoiceStepContentProps = Readonly<{
     step: CharacterQuizChoiceStep
-}
+}>
 
 const Answer = {
     None: "None",
     Correct: "Correct",
     Incorrect: "Incorrect",
-}
+} as const
 
 type Choice = (typeof Answer)[keyof typeof Answer]
 

diff --git a/components/Steps/Info.tsx b/components/Steps/Info.tsx
@@ -1,9 +1,9 @@
 import { type InfoStep } from "@/data/levels"
 import { Button } from "@/components/Button"
 
-type InfoStepContentProps = {
+type InfoStepContentProps = Readonly<{
     step: InfoStep
-}
+}>
 
 export const Info = ({ step }: InfoStepContentProps) => {
     return (

diff --git a/components/Steps/KeywordChallenge.tsx b/components/Steps/KeywordChallenge.tsx
@@ -3,9 +3,9 @@ import { useMemo, useState } from "react"
 import { Button } from "@/components/Button"
 import { checkPronounciation } from "@/util/checkPronounciation"
 
-type KeywordChallengeStepContentProps = {
+type KeywordChallengeStepContentProps = Readonly<{
     step: KeywordChallengeStep
-}
+}>
 
 export const KeywordChallenge = ({
     step,

diff --git a/components/Steps/LearnCharacter.tsx b/components/Steps/LearnCharacter.tsx
@@ -2,9 +2,9 @@ import { type LearnCharacterStep } from "@/data/levels"
 import { Button } from "@/components/Button"
 import { CharacterDisplay } from "@/components/CharacterDisplay"
 
-type LearnCharacterStepContentProps = {
+type LearnCharacterStepContentProps = Readonly<{
     step: LearnCharacterStep
-}
+}>
 
 export const LearnCharacter = ({ step }: LearnCharacterStepContentProps) => {
     return (

diff --git a/store/LevelStore.tsx b/store/LevelStore.tsx
@@ -61,9 +61,11 @@ export const useLevelStore = () => {
     return store
 }
 
-type LevelStoreProviderProps = {
-    children: ReactNode
-} & SnapshotOut<typeof LevelStore>
+type LevelStoreProviderProps = Readonly<
+    {
+        children: ReactNode
+    } & SnapshotOut<typeof LevelStore>
+>
 
 export const LevelStoreProvider = ({
     children,