Fix i18n initialization and build errors

Author: Giuseppetm

pages/index/partials/info-cards.tsx components/info-cards/index.tsxpages/index/partials/info-cards.tsx renamed to components/info-cards/index.tsx

@@ -45,6 +45,8 @@ i18n.use(initReactI18next).init({
   },
   lng: "it",
   fallbackLng: "it",
+  ns: ["common", "rules", "services", "search", "degree", "about", "notFound"],
+  defaultNS: "common",
   interpolation: { escapeValue: false },
 })
 

lib/i18n.ts

@@ -1,6 +1,6 @@
 {
   "name": "studentiunimi",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "run-p web proxy",

package.json

@@ -8,7 +8,6 @@ import TeamMemberCard from "./partials/member-card"
 import { cdaMembers, founders } from "@/data/staff"
 import ItemList from "@/components/item-list"
 import ContactMailPopup from "./partials/contact-popup"
-import { NextSeo } from "next-seo"
 import Seo from "@/components/seo"
 
 interface AboutPageProps {
@@ -35,20 +34,24 @@ const AboutPage = ({ founders, cdaMembers }: AboutPageProps) => {
             </Text>
           </VStack>
 
-          <ItemList
-            items={founders}
-            label={t("founders")}
-            getItemName={(founder) => founder.name}
-            renderItem={(founder) => <TeamMemberCard key={founder.user_id} member={founder} />}
-          />
+          {founders && (
+            <ItemList
+              items={founders}
+              label={t("founders")}
+              getItemName={(founder) => founder.name}
+              renderItem={(founder) => <TeamMemberCard key={founder.user_id} member={founder} />}
+            />
+          )}
 
-          <ItemList
-            items={cdaMembers}
-            label={t("board")}
-            customLabelWidth={{ maxWidth: "auto" }}
-            getItemName={(member) => member.name}
-            renderItem={(member) => <TeamMemberCard key={member.user_id} member={member} />}
-          />
+          {cdaMembers && (
+            <ItemList
+              items={cdaMembers}
+              label={t("board")}
+              customLabelWidth={{ maxWidth: "auto" }}
+              getItemName={(member) => member.name}
+              renderItem={(member) => <TeamMemberCard key={member.user_id} member={member} />}
+            />
+          )}
         </Box>
 
         <ContactMailPopup />

pages/about/index.tsx

@@ -9,6 +9,8 @@ const TeamMemberCard: React.FC<{ member: TeamMember }> = ({ member }) => {
   const bg = useColorModeValue("gray.50", "gray.700")
   const hoverBg = useColorModeValue("gray.100", "gray.600")
 
+  if (!member) return null
+
   const normalizedUsername = member.username.startsWith("@") ? member.username.slice(1) : member.username
   const href = member.href ?? `https://t.me/${normalizedUsername}`
 

pages/about/partials/member-card/index.tsx

@@ -7,11 +7,10 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations"
 import { ExtraGroup } from "@/types/api"
 import { getExtraGroups } from "@/lib/api/groups"
 import { useCustomRouter } from "@/hooks/router"
-import InfoCards from "./index/partials/info-cards"
+import InfoCards from "../components/info-cards"
 import PrivacyButton from "@/components/privacy/button"
 import GroupCard from "@/components/group-card"
 import ItemList from "@/components/item-list"
-import { NextSeo } from "next-seo"
 import Seo from "@/components/seo"
 
 interface HomepageProps {