Fix typo

optuna_dashboard/ts/components/AppDrawer.tsx

@@ -17,7 +17,7 @@ import ListItemText from "@mui/material/ListItemText"
 import {
   drawerOpenState,
   reloadIntervalState,
-  useStudyIsPreferencial,
+  useStudyIsPreferential,
 } from "../state"
 import { Link } from "react-router-dom"
 import AutoGraphIcon from "@mui/icons-material/AutoGraph"
@@ -130,7 +130,7 @@ export const AppDrawer: FC<{
   const [open, setOpen] = useRecoilState<boolean>(drawerOpenState)
   const reloadInterval = useRecoilValue<number>(reloadIntervalState)
   const isPreferential =
-    studyId !== undefined ? useStudyIsPreferencial(studyId) : null
+    studyId !== undefined ? useStudyIsPreferential(studyId) : null
 
   const styleListItem = {
     display: "block",

optuna_dashboard/ts/components/StudyDetail.tsx

@@ -18,7 +18,7 @@ import { actionCreator } from "../action"
 import {
   reloadIntervalState,
   useStudyDetailValue,
-  useStudyIsPreferencial,
+  useStudyIsPreferential,
   useStudyName,
 } from "../state"
 import { TrialTable } from "./TrialTable"
@@ -54,7 +54,7 @@ export const StudyDetail: FC<{
   const studyDetail = useStudyDetailValue(studyId)
   const reloadInterval = useRecoilValue<number>(reloadIntervalState)
   const studyName = useStudyName(studyId)
-  const isPreferential = useStudyIsPreferencial(studyId)
+  const isPreferential = useStudyIsPreferential(studyId)
 
   const title =
     studyName !== null ? `${studyName} (id=${studyId})` : `Study #${studyId}`

optuna_dashboard/ts/state.ts

@@ -87,7 +87,7 @@ export const useStudyDirections = (
   return studyDetail?.directions || studySummary?.directions || null
 }
 
-export const useStudyIsPreferencial = (studyId: number): boolean | null => {
+export const useStudyIsPreferential = (studyId: number): boolean | null => {
   const studyDetail = useStudyDetailValue(studyId)
   const studySummary = useStudySummaryValue(studyId)
   return studyDetail?.is_preferential || studySummary?.is_preferential || null