feat: add i18n for commissions

clicepfl · Feb 1, 2024 · 1cfe0bc · 1cfe0bc
1 parent f30863c
commit 1cfe0bc
Show file tree

Hide file tree

Showing 8 changed files with 63 additions and 52 deletions.
diff --git a/app/src/components/Card.tsx b/app/src/components/Card.tsx
@@ -40,7 +40,7 @@ export default function Card(
     img = props.commission.attributes.logo;
     title = props.commission.attributes.name;
     description = props.commission.attributes.small_description;
-    link = `/commission/${(props.commission as any).id}`;
+    link = `/commission/${props.commission.attributes.slug}`;
   } else {
     img = props.img;
     title = props.title;

diff --git a/app/src/locales.ts b/app/src/locales.ts
@@ -13,36 +13,55 @@ interface Translations {
   by: string;
   relatedContent: string;
   committee: string;
+  commission: string;
 }
 
-const translations: { [key in Locale]: Translations } = {
+type OptionsOperators = {
+  [key in keyof LangOptions]: (value: string) => string;
+};
+
+const translations: { [key in Locale]: Translations & OptionsOperators } = {
   en: {
     dateIndicator: "on",
     timeIndicator: "at",
     by: "by",
     relatedContent: "related content",
     committee: "committee",
+    commission: "commission",
+    capitalize: (s) => s.replace(/^(\s*\w)/, (s) => s.toUpperCase()),
+    plural: (s) => s + "s",
   },
   fr: {
     dateIndicator: "le",
     timeIndicator: "à",
     by: "par",
     relatedContent: "contenu lié",
     committee: "comité",
+    commission: "commission",
+    capitalize: (s) => s.replace(/^(\s*\w)/, (s) => s.toUpperCase()),
+    plural: (s) => (s.endsWith("u") ? s + "x" : s + "s"),
   },
 };
 
 interface LangOptions {
-  capitalize: boolean;
+  capitalize?: boolean;
+  plural?: boolean;
 }
+
 export function applyOptions(
   str: string,
   locale: Locale,
   opts?: LangOptions
 ): string {
   let result = str;
-  if (opts?.capitalize) {
-    result = result.replace(/(\s*\w)/, (s) => s.toUpperCase());
+  let l = translations[locale];
+
+  if (opts) {
+    Object.keys(opts).forEach((opt: string) => {
+      if ((opts as any)[opt] && opt in l) {
+        result = (l as any)[opt](result);
+      }
+    });
   }
 
   return result;

diff --git a/app/src/pages/commission/[id].tsx b/app/src/pages/commission/[id].tsx
diff --git a/app/src/pages/commissions.tsx b/app/src/pages/commissions.tsx
@@ -1,15 +1,23 @@
 import Card from "@/components/Card";
+import { locale, translate } from "@/locales";
 import strapi from "@/strapi";
 import { ApiCommission } from "@/types/generated/contentTypes";
 import { GetServerSideProps, InferGetServerSidePropsType } from "next";
+import { useRouter } from "next/router";
 
 export default function Commissions(
   props: InferGetServerSidePropsType<typeof getServerSideProps>
 ) {
+  const router = useRouter();
   return (
     <div className="pageList">
       <div>
-        <h1>Commissions</h1>
+        <h1>
+          {translate("commission", locale(router), {
+            capitalize: true,
+            plural: true,
+          })}
+        </h1>
       </div>
       {props.news.map((c) => (
         <Card key={(c as any).id} commission={c} size="large" background />
@@ -24,6 +32,7 @@ export const getServerSideProps: GetServerSideProps<{
   let res = await strapi.find<ApiCommission[]>("commissions", {
     sort: "name",
     populate: "logo",
+    locale: locale(context),
   });
   return { props: { news: res.data.reverse() } };
 };
diff --git a/app/src/pages/news/[slug].tsx b/app/src/pages/news/[slug].tsx
@@ -62,5 +62,9 @@ export const getServerSideProps: GetServerSideProps<{ news: ApiNews }> = async (
     },
   });
 
+  if (news.data.length != 1) {
+    return { notFound: true };
+  }
+
   return { props: { news: news.data[0] } };
 };
diff --git a/app/src/types/generated/contentTypes.d.ts b/app/src/types/generated/contentTypes.d.ts
@@ -864,6 +864,13 @@ export interface ApiCommission extends Schema.CollectionType {
           localized: false;
         };
       }>;
+    slug: Attribute.String &
+      Attribute.Required &
+      Attribute.SetPluginOptions<{
+        i18n: {
+          localized: false;
+        };
+      }>;
     createdAt: Attribute.DateTime;
     updatedAt: Attribute.DateTime;
     publishedAt: Attribute.DateTime;

diff --git a/strapi/src/api/commission/content-types/commission/schema.json b/strapi/src/api/commission/content-types/commission/schema.json
@@ -24,7 +24,7 @@
       },
       "type": "string",
       "required": true,
-      "unique": true
+      "unique": false
     },
     "news": {
       "type": "relation",
@@ -99,6 +99,16 @@
         }
       },
       "type": "text"
+    },
+    "slug": {
+      "pluginOptions": {
+        "i18n": {
+          "localized": false
+        }
+      },
+      "type": "string",
+      "required": true,
+      "regex": "^[a-z0-9]+(?:-[a-z0-9]+)*$"
     }
   }
 }
diff --git a/strapi/types/generated/contentTypes.d.ts b/strapi/types/generated/contentTypes.d.ts
@@ -806,7 +806,6 @@ export interface ApiCommissionCommission extends Schema.CollectionType {
   attributes: {
     name: Attribute.String &
       Attribute.Required &
-      Attribute.Unique &
       Attribute.SetPluginOptions<{
         i18n: {
           localized: true;
@@ -864,6 +863,13 @@ export interface ApiCommissionCommission extends Schema.CollectionType {
           localized: false;
         };
       }>;
+    slug: Attribute.String &
+      Attribute.Required &
+      Attribute.SetPluginOptions<{
+        i18n: {
+          localized: false;
+        };
+      }>;
     createdAt: Attribute.DateTime;
     updatedAt: Attribute.DateTime;
     publishedAt: Attribute.DateTime;