fix #175: use defaultValue for input tag instead of value

Author: aster-void

web/src/app/[locale]/registration/page.tsx

@@ -68,7 +68,7 @@ export default function Page() {
                   id="name"
                   type="text"
                   name="name"
-                  value={ctx.formData.name}
+                  defaultValue={ctx.formData.name}
                   onChange={ctx.handleChange}
                   required
                   maxLength={NAME_MAX_LENGTH}
@@ -84,9 +84,9 @@ export default function Page() {
 
                 <select
                   id="gender"
-                  defaultValue=""
                   required
                   name="gender"
+                  defaultValue=""
                   value={ctx.formData.gender}
                   onChange={ctx.handleChange}
                   className="my-4 w-full rounded-xl border border-gray-500 bg-white p-2 sm:w-1/2"
@@ -133,9 +133,9 @@ export default function Page() {
                 <select
                   name="universityId"
                   onChange={ctx.handleChange}
+                  defaultValue=""
                   value={ctx.formData.universityId}
                   className="my-4 w-full rounded-xl border border-gray-500 bg-white p-2 sm:w-1/2"
-                  defaultValue=""
                   required
                 >
                   <option value="" disabled className="select" />
@@ -150,9 +150,9 @@ export default function Page() {
                 {t("settings.university.divisions")}
                 <select
                   name="divisionId"
+                  defaultValue=""
                   value={ctx.formData.divisionId}
                   onChange={ctx.handleChange}
-                  defaultValue=""
                   required
                   className="my-4 w-full rounded-xl border border-gray-500 bg-white p-2 sm:w-1/2"
                   disabled={ctx.loadingUniversitySpecificData}
@@ -172,6 +172,7 @@ export default function Page() {
                 {t("settings.university.campus")}
                 <select
                   name="campusId"
+                  defaultValue=""
                   value={ctx.formData.campusId}
                   onChange={ctx.handleChange}
                   className="my-4 w-full rounded-xl border border-gray-500 bg-white p-2 sm:w-1/2"

web/src/features/settings/PageNav.tsx

@@ -2,6 +2,7 @@
 import LanguageSwitcher from "@/components/LanguageSelectar.tsx";
 import { useGoogleLogout } from "@/features/auth/functions/logout.ts";
 import { Link } from "@/i18n/navigation.ts";
+import clsx from "clsx";
 import { useTranslations } from "next-intl";
 import { AiOutlineRight } from "react-icons/ai";
 import { blocks } from "./path-blocks.ts";
@@ -21,10 +22,14 @@ export default function PageNav() {
               <Link
                 href={item.href}
                 key={item.href}
-                className={`flex items-center justify-between bg-neutral-50 p-3 px-8 text-gray-800 text-md ${index === 0 ? "rounded-t-xl" : index === self.length - 1 ? "rounded-b-xl" : ""}`}
+                className={clsx([
+                  "flex items-center justify-between bg-neutral-50 p-3 px-8 text-md",
+                  index === 0 ? "rounded-t-xl" : index === self.length - 1 ? "rounded-b-xl" : "",
+                  item.variant === "danger" ? "text-error" : "text-gray-800 ",
+                ])}
               >
                 {t(item.title)}
-                <AiOutlineRight />
+                <AiOutlineRight className="text-gray-800" />
               </Link>
             ))}
           </section>

web/src/features/settings/UserFormController.tsx

@@ -156,9 +156,8 @@ export const UserFormProvider = ({
   // 大学固有の static データを取得
   useEffect(() => {
     if (!formData.universityId) return;
-    console.log(`fetching university-specific data for university ${formData.universityId} ...`);
-
     const fetchCampusAndDivisions = async () => {
+      console.log(`fetching university-specific data for university ${formData.universityId} ...`);
       setLoadingUniversitySpecificData(true);
       try {
         const [campusRes, divisionRes] = await Promise.all([