encodeURIComponent(props.theme.primary)};font-size:60px;display:flex;align-items:center;justify-content:center;height:100%25;width:100%25%22>▼
");
+ background-repeat: no-repeat;
+ background-position: right 10px center;
+ background-size: 1em;
&:focus {
border: 1px solid ${props => props.theme.primary};
diff --git a/crabfit-frontend/src/components/Settings/Settings.tsx b/crabfit-frontend/src/components/Settings/Settings.tsx
index c0815a5..d883a18 100644
--- a/crabfit-frontend/src/components/Settings/Settings.tsx
+++ b/crabfit-frontend/src/components/Settings/Settings.tsx
@@ -92,6 +92,7 @@ const Settings = () => {
'en': 'English',
'de': 'Deutsch',
'es': 'Español',
+ 'fr': 'Français',
'ko': '한국어',
...process.env.NODE_ENV !== 'production' && { 'cimode': 'DEV' },
}}
diff --git a/crabfit-frontend/src/i18n/index.ts b/crabfit-frontend/src/i18n/index.ts
index 76a22ae..7febfcc 100644
--- a/crabfit-frontend/src/i18n/index.ts
+++ b/crabfit-frontend/src/i18n/index.ts
@@ -3,13 +3,15 @@ import { initReactI18next } from 'react-i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
import Backend from 'i18next-http-backend';
+import locales from 'res/dayjs_locales';
+
i18n
.use(LanguageDetector)
.use(Backend)
.use(initReactI18next)
.init({
fallbackLng: 'en',
- supportedLngs: ['en', 'de', 'es', 'ko'],
+ supportedLngs: Object.keys(locales),
ns: 'common',
defaultNS: 'common',
debug: process.env.NODE_ENV !== 'production',
diff --git a/crabfit-frontend/src/res/dayjs_locales.js b/crabfit-frontend/src/res/dayjs_locales.js
index 51307f3..f3218ff 100644
--- a/crabfit-frontend/src/res/dayjs_locales.js
+++ b/crabfit-frontend/src/res/dayjs_locales.js
@@ -3,6 +3,7 @@ const locales = {
de: () => import('dayjs/locale/de'),
es: () => import('dayjs/locale/es'),
ko: () => import('dayjs/locale/ko'),
+ fr: () => import('dayjs/locale/fr'),
};
export default locales;