I18n's the i18n language dropdown & weekday using Intl (calcom#955)

* I18n's the i18n language dropdown & weekday using Intl * Some type fixes * Trigger locale changes instantly (calcom#958) * Trigger locale changes instantly * Restored types * Capitalize languages across the board Co-authored-by: Omar López <[email protected]> Co-authored-by: Peer Richelsen <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
qedsoftware · Oct 15, 2021 · ce8e9c1 · ce8e9c1
1 parent b5e176a
commit ce8e9c1
Show file tree

Hide file tree

Showing 3 changed files with 270 additions and 310 deletions.
diff --git a/lib/core/i18n/i18n.utils.ts b/lib/core/i18n/i18n.utils.ts
@@ -44,31 +44,3 @@ export const getOrSetUserLocaleFromHeaders = async (req: IncomingMessage): Promi
 
   return preferredLocale;
 };
-
-interface localeType {
-  [locale: string]: string;
-}
-
-export const localeLabels: localeType = {
-  en: "English",
-  fr: "French",
-  it: "Italian",
-  ru: "Russian",
-  es: "Spanish",
-  de: "German",
-  pt: "Portuguese",
-  ro: "Romanian",
-  nl: "Dutch",
-  "pt-BR": "Portuguese (Brazilian)",
-  "es-419": "Spanish, Latin America",
-  ko: "Korean",
-};
-
-export type OptionType = {
-  value: string;
-  label: string;
-};
-
-export const localeOptions: OptionType[] = i18n.locales.map((locale) => {
-  return { value: locale, label: localeLabels[locale] };
-});
diff --git a/lib/core/i18n/weekday.ts b/lib/core/i18n/weekday.ts
@@ -0,0 +1,8 @@
+// By default starts on Sunday (Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday)
+export function weekdayNames(locale: string | string[], weekStart = 0, type: "short" | "long" = "long") {
+  return Array.from(Array(7).keys()).map((d) => nameOfDay(locale, d + weekStart, type));
+}
+
+export function nameOfDay(locale: string | string[], day: number, type: "short" | "long" = "long") {
+  return new Intl.DateTimeFormat(locale, { weekday: type }).format(new Date(1970, 0, day + 4));
+}