chore: lint

This commit is contained in:
amhsirak
2024-12-21 18:35:08 +05:30
parent 9cbd8d788c
commit f5f17ba8e2

View File

@@ -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>
</> </>
); );