From 2004c0d0272980079eb634343efdecdf26016340 Mon Sep 17 00:00:00 2001
From: Sivert Hatteberg <sivert.hatteberg@usit.uio.no>
Date: Thu, 7 Oct 2021 10:01:48 +0200
Subject: [PATCH] Set the color for the drop down arrow
Issue: GREG-72
---
.../src/components/languageselector/index.tsx | 27 +++++++++++--------
1 file changed, 16 insertions(+), 11 deletions(-)
diff --git a/frontend/src/components/languageselector/index.tsx b/frontend/src/components/languageselector/index.tsx
index 73ded9d0..eb1b4fa6 100644
--- a/frontend/src/components/languageselector/index.tsx
+++ b/frontend/src/components/languageselector/index.tsx
@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { MenuItem, Select, SelectChangeEvent } from '@mui/material'
-
function LanguageSelector() {
const { i18n, t } = useTranslation('common')
const [selectedLanguage, setSelectedLanguage] = useState('en')
@@ -24,18 +23,24 @@ function LanguageSelector() {
}
return (
- <Select labelId='language-select'
- label={t('header.selectLanguage')}
- sx={{ color: 'white' }}
- variant='standard'
- value={selectedLanguage}
- onChange={handleLanguageChange}
+ <Select
+ labelId="language-select"
+ label={t('header.selectLanguage')}
+ sx={{
+ color: 'white',
+ '& .MuiSelect-icon': {
+ color: 'white',
+ },
+ }}
+ variant="standard"
+ value={selectedLanguage}
+ onChange={handleLanguageChange}
>
- {
- Array.from(languageOptions.entries()).map((entry) => (<MenuItem value={entry[0]}>{entry[1]}</MenuItem>))
- }
+ {Array.from(languageOptions.entries()).map((entry) => (
+ <MenuItem value={entry[0]}>{entry[1]}</MenuItem>
+ ))}
</Select>
)
}
-export default LanguageSelector
\ No newline at end of file
+export default LanguageSelector
--
GitLab