diff --git a/src/components/Sidebar/Sidebar.svelte b/src/components/Sidebar/Sidebar.svelte
index 89e2a238..e91fd914 100644
--- a/src/components/Sidebar/Sidebar.svelte
+++ b/src/components/Sidebar/Sidebar.svelte
@@ -28,6 +28,8 @@
{ id: 'es', label: 'Español' },
{ id: 'pt', label: 'Português' },
{ id: 'ru', label: 'Русский' },
+ { id: 'tr', label: 'Türkçe' },
+ { id: 'it', label: 'Italiano' },
];
$: currentLocale =
$locale !== null ? languages.find((e) => e.id === $locale.substring(0, 2)) || { id: 'en', label: 'English' } : '';
@@ -148,17 +150,18 @@
>
{currentLocale.label}
-
- {#each locales as locale}
-
changeLocale(locale.id)}
- >
-
![{locale.label}](/images/locales/{locale.id}.svg)
-
{locale.label}
-
-
- {/each}
+
+
+ {#each locales as locale}
+
changeLocale(locale.id)}
+ >
+
![{locale.label}](/images/locales/{locale.id}.svg)
+
{locale.label}
+
+ {/each}
+
@@ -178,9 +181,7 @@
}
.locale-dropdown {
- @apply hidden;
- @apply absolute;
- @apply w-40;
+ @apply hidden absolute w-80 -left-20 md:left-0 pb-2 bottom-10;
}
.locale-selector:hover {
diff --git a/src/i18n.js b/src/i18n.js
index 9f5537c6..12b663ba 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -21,7 +21,7 @@ $locale.subscribe((value) => {
}
});
-const supportedLanguage = ['en', 'id', 'ru', 'ja', 'ko', 'fr', 'zh', 'pt', 'tw', 'es', 'de', 'th', 'vi'];
+const supportedLanguage = ['en', 'id', 'ru', 'ja', 'ko', 'fr', 'zh', 'pt', 'tw', 'es', 'de', 'th', 'vi', 'tr', 'it'];
addMessages('en', en);
addMessages('en', enItems);
register('id', () => import('./locales/id.json'));
@@ -36,6 +36,8 @@ register('es', () => import('./locales/es.json'));
register('de', () => import('./locales/de.json'));
register('th', () => import('./locales/th.json'));
register('vi', () => import('./locales/vi.json'));
+register('tr', () => import('./locales/en.json'));
+register('it', () => import('./locales/en.json'));
register('id', () => import('./locales/items/id.json'));
register('ru', () => import('./locales/items/ru.json'));
register('ja', () => import('./locales/items/ja.json'));
@@ -48,6 +50,8 @@ register('es', () => import('./locales/items/es.json'));
register('de', () => import('./locales/items/de.json'));
register('th', () => import('./locales/items/th.json'));
register('vi', () => import('./locales/items/vi.json'));
+register('tr', () => import('./locales/items/en.json'));
+register('it', () => import('./locales/items/en.json'));
const dayjsLocales = {
en: () => import('dayjs/locale/en'),
@@ -63,6 +67,8 @@ const dayjsLocales = {
de: () => import('dayjs/locale/de'),
th: () => import('dayjs/locale/th'),
vi: () => import('dayjs/locale/vi'),
+ tr: () => import('dayjs/locale/tr'),
+ it: () => import('dayjs/locale/it'),
};
export async function startClient() {
diff --git a/static/images/locales/it.svg b/static/images/locales/it.svg
new file mode 100644
index 00000000..b9596d05
--- /dev/null
+++ b/static/images/locales/it.svg
@@ -0,0 +1,7 @@
+
diff --git a/static/images/locales/tr.svg b/static/images/locales/tr.svg
new file mode 100644
index 00000000..9a882a22
--- /dev/null
+++ b/static/images/locales/tr.svg
@@ -0,0 +1,8 @@
+