chore: lint
This commit is contained in:
@@ -297,141 +297,141 @@ export const NavBar: React.FC<NavBarProps> = ({
|
|||||||
<SaveRecording fileName={recordingName} />
|
<SaveRecording fileName={recordingName} />
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
<IconButton
|
<IconButton
|
||||||
onClick={handleLangMenuOpen}
|
onClick={handleLangMenuOpen}
|
||||||
sx={{
|
sx={{
|
||||||
display: "flex",
|
display: "flex",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
borderRadius: "5px",
|
borderRadius: "5px",
|
||||||
padding: "8px",
|
padding: "8px",
|
||||||
marginRight: "10px",
|
marginRight: "10px",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Typography variant="body1">{t("language")}</Typography>
|
<Typography variant="body1">{t("language")}</Typography>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<Menu
|
<Menu
|
||||||
anchorEl={langAnchorEl}
|
anchorEl={langAnchorEl}
|
||||||
open={Boolean(langAnchorEl)}
|
open={Boolean(langAnchorEl)}
|
||||||
onClose={handleMenuClose}
|
onClose={handleMenuClose}
|
||||||
anchorOrigin={{
|
anchorOrigin={{
|
||||||
vertical: "bottom",
|
vertical: "bottom",
|
||||||
horizontal: "right",
|
horizontal: "right",
|
||||||
}}
|
}}
|
||||||
transformOrigin={{
|
transformOrigin={{
|
||||||
vertical: "top",
|
vertical: "top",
|
||||||
horizontal: "right",
|
horizontal: "right",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<MenuItem
|
<MenuItem
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
changeLanguage("en");
|
changeLanguage("en");
|
||||||
handleMenuClose();
|
handleMenuClose();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
English
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem
|
||||||
|
onClick={() => {
|
||||||
|
changeLanguage("es");
|
||||||
|
handleMenuClose();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Español
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem
|
||||||
|
onClick={() => {
|
||||||
|
changeLanguage("ja");
|
||||||
|
handleMenuClose();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
日本語
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem
|
||||||
|
onClick={() => {
|
||||||
|
changeLanguage("ar");
|
||||||
|
handleMenuClose();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
العربية
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem
|
||||||
|
onClick={() => {
|
||||||
|
changeLanguage("zh");
|
||||||
|
handleMenuClose();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
中文
|
||||||
|
</MenuItem>
|
||||||
|
</Menu>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<><IconButton
|
||||||
|
onClick={handleLangMenuOpen}
|
||||||
|
sx={{
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
borderRadius: "5px",
|
||||||
|
padding: "8px",
|
||||||
|
marginRight: "10px",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
English
|
<Typography variant="body1">{t("language")}</Typography>
|
||||||
</MenuItem>
|
</IconButton>
|
||||||
<MenuItem
|
<Menu
|
||||||
onClick={() => {
|
anchorEl={langAnchorEl}
|
||||||
changeLanguage("es");
|
open={Boolean(langAnchorEl)}
|
||||||
handleMenuClose();
|
onClose={handleMenuClose}
|
||||||
}}
|
anchorOrigin={{
|
||||||
>
|
vertical: "bottom",
|
||||||
Español
|
horizontal: "right",
|
||||||
</MenuItem>
|
}}
|
||||||
<MenuItem
|
transformOrigin={{
|
||||||
onClick={() => {
|
vertical: "top",
|
||||||
changeLanguage("ja");
|
horizontal: "right",
|
||||||
handleMenuClose();
|
}}
|
||||||
}}
|
>
|
||||||
>
|
<MenuItem
|
||||||
日本語
|
onClick={() => {
|
||||||
</MenuItem>
|
changeLanguage("en");
|
||||||
<MenuItem
|
handleMenuClose();
|
||||||
onClick={() => {
|
}}
|
||||||
changeLanguage("ar");
|
>
|
||||||
handleMenuClose();
|
English
|
||||||
}}
|
</MenuItem>
|
||||||
>
|
<MenuItem
|
||||||
العربية
|
onClick={() => {
|
||||||
</MenuItem>
|
changeLanguage("es");
|
||||||
<MenuItem
|
handleMenuClose();
|
||||||
onClick={() => {
|
}}
|
||||||
changeLanguage("zh");
|
>
|
||||||
handleMenuClose();
|
Español
|
||||||
}}
|
</MenuItem>
|
||||||
>
|
<MenuItem
|
||||||
中文
|
onClick={() => {
|
||||||
</MenuItem>
|
changeLanguage("ja");
|
||||||
</Menu>
|
handleMenuClose();
|
||||||
</div>
|
}}
|
||||||
) : (
|
>
|
||||||
<><IconButton
|
日本語
|
||||||
onClick={handleLangMenuOpen}
|
</MenuItem>
|
||||||
sx={{
|
<MenuItem
|
||||||
display: "flex",
|
onClick={() => {
|
||||||
alignItems: "center",
|
changeLanguage("ar");
|
||||||
borderRadius: "5px",
|
handleMenuClose();
|
||||||
padding: "8px",
|
}}
|
||||||
marginRight: "10px",
|
>
|
||||||
}}
|
العربية
|
||||||
>
|
</MenuItem>
|
||||||
<Typography variant="body1">{t("language")}</Typography>
|
<MenuItem
|
||||||
</IconButton>
|
onClick={() => {
|
||||||
<Menu
|
changeLanguage("zh");
|
||||||
anchorEl={langAnchorEl}
|
handleMenuClose();
|
||||||
open={Boolean(langAnchorEl)}
|
}}
|
||||||
onClose={handleMenuClose}
|
>
|
||||||
anchorOrigin={{
|
中文
|
||||||
vertical: "bottom",
|
</MenuItem>
|
||||||
horizontal: "right",
|
</Menu></>
|
||||||
}}
|
)}
|
||||||
transformOrigin={{
|
|
||||||
vertical: "top",
|
|
||||||
horizontal: "right",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<MenuItem
|
|
||||||
onClick={() => {
|
|
||||||
changeLanguage("en");
|
|
||||||
handleMenuClose();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
English
|
|
||||||
</MenuItem>
|
|
||||||
<MenuItem
|
|
||||||
onClick={() => {
|
|
||||||
changeLanguage("es");
|
|
||||||
handleMenuClose();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Español
|
|
||||||
</MenuItem>
|
|
||||||
<MenuItem
|
|
||||||
onClick={() => {
|
|
||||||
changeLanguage("ja");
|
|
||||||
handleMenuClose();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
日本語
|
|
||||||
</MenuItem>
|
|
||||||
<MenuItem
|
|
||||||
onClick={() => {
|
|
||||||
changeLanguage("ar");
|
|
||||||
handleMenuClose();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
العربية
|
|
||||||
</MenuItem>
|
|
||||||
<MenuItem
|
|
||||||
onClick={() => {
|
|
||||||
changeLanguage("zh");
|
|
||||||
handleMenuClose();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
中文
|
|
||||||
</MenuItem>
|
|
||||||
</Menu></>
|
|
||||||
)}
|
|
||||||
</NavBarWrapper>
|
</NavBarWrapper>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user