Add i18n preview for all content types

chromeos · Jan 17, 2024 · 01b7ecd · 01b7ecd
1 parent 850d573
commit 01b7ecd
Show file tree

Hide file tree

Showing 9 changed files with 69 additions and 203 deletions.
diff --git a/cms/lib/desk.ts b/cms/lib/desk.ts
@@ -57,7 +57,7 @@ function buildStandaloneList(
             S.documentListItem()
               .schemaType(type)
               .id(type + '-' + lang.id)
-              .title(title + ' (' + lang.id.toLocaleUpperCase() + ')'),
+              .title(title),
           ),
         )
         .canHandleIntent(

diff --git a/cms/lib/previews/localization.tsx b/cms/lib/previews/localization.tsx
@@ -1,5 +1,7 @@
+import type { PreviewValue } from 'sanity';
 import React from 'react';
 import { langToFlag } from '$lib/country';
+import { LANGUAGES } from '$lib/constants';
 
 export type SanityPreview = {
   select: {
@@ -18,7 +20,6 @@ export type SanityPreview = {
  * @return {SanityPreview} - Sanity preview object
  */
 export function preview(title: string): SanityPreview {
-  const ot = title;
   return {
     select: {
       lang: 'language',
@@ -28,14 +29,36 @@ export function preview(title: string): SanityPreview {
       const { lang } = selection;
       const { title } = selection;
 
-      return {
-        title: title || ot,
-        media: (
-          <span className="flag" style={{ fontSize: '2rem' }}>
-            {langToFlag(lang || 'en_US')}
-          </span>
-        ),
-      };
+      return i18nPreview(
+        title,
+        lang,
+        LANGUAGES.find((l) => l.id === lang)?.title,
+      );
     },
   };
 }
+
+/**
+ * Actual preview to feed to Sanity
+ * @param {string} title
+ * @param {string} lang
+ * @param {string} [subtitle]
+ * @return {PreviewValue}
+ */
+export function i18nPreview(
+  title: string,
+  lang: string,
+  subtitle: string | undefined = undefined,
+): PreviewValue {
+  const output = {
+    title,
+    subtitle,
+    media: (
+      <span className="flag" style={{ fontSize: '2rem' }}>
+        {langToFlag(lang || 'en_US')}
+      </span>
+    ),
+  };
+
+  return output;
+}
diff --git a/cms/package.json b/cms/package.json
@@ -48,8 +48,8 @@
   },
   "devDependencies": {
     "@sanity/eslint-config-studio": "^3.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.46.0",
-    "@typescript-eslint/parser": "^5.46.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
     "dotenv": "^16.0.3",
     "eslint": "^8.29.0",
     "eslint-config-google": "^0.14.0",