vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: move lang dropdown inside account settings

Browse Source
This commit is contained in:
amhsirak
2024-12-21 18:56:04 +05:30
parent 6af3ddd407
commit b77f31d060
1 changed files with 23 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/molecules/NavBar.tsx
View File

@@ -5,7 +5,7 @@ import styled from "styled-components";
import { stopRecording } from "../../api/recording"; import { stopRecording } from "../../api/recording";
import { useGlobalInfoStore } from "../../context/globalInfo"; import { useGlobalInfoStore } from "../../context/globalInfo";
import { IconButton, Menu, MenuItem, Typography, Chip, Button, Modal, Tabs, Tab, Box, Snackbar } from "@mui/material"; import { IconButton, Menu, MenuItem, Typography, Chip, Button, Modal, Tabs, Tab, Box, Snackbar } from "@mui/material";
import { AccountCircle, Logout, Clear, YouTube, X, Update, Close } from "@mui/icons-material"; import { AccountCircle, Logout, Clear, YouTube, X, Update, Close, Language } from "@mui/icons-material";
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { AuthContext } from '../../context/auth'; import { AuthContext } from '../../context/auth';
import { SaveRecording } from '../molecules/SaveRecording'; import { SaveRecording } from '../molecules/SaveRecording';
@@ -320,36 +320,11 @@ export const NavBar: React.FC<NavBarProps> = ({
}}> }}>
<X sx={{ marginRight: '5px' }} /> Twiiter (X) <X sx={{ marginRight: '5px' }} /> Twiiter (X)
</MenuItem> </MenuItem>
</Menu> <MenuItem onClick={handleLangMenuOpen}
</>
) : (
<>
<IconButton onClick={goToMainMenu} sx={{
borderRadius: '5px',
padding: '8px',
background: 'red',
color: 'white',
marginRight: '10px',
'&:hover': { color: 'white', backgroundColor: 'red' }
}}>
<Clear sx={{ marginRight: '5px' }} />
Discard
</IconButton>
<SaveRecording fileName={recordingName} />
</>
)}
<IconButton
onClick={handleLangMenuOpen}
sx={{
display: "flex",
alignItems: "center",
borderRadius: "5px",
padding: "8px",
marginRight: "10px",
}}
> >
<Typography variant="body1">{t("language")}</Typography> <Language sx={{ marginRight: '5px' }} /> {t("Language")}
</IconButton> </MenuItem>
<Menu <Menu
anchorEl={langAnchorEl} anchorEl={langAnchorEl}
open={Boolean(langAnchorEl)} open={Boolean(langAnchorEl)}
@@ -404,6 +379,24 @@ export const NavBar: React.FC<NavBarProps> = ({
Deutsch Deutsch
</MenuItem> </MenuItem>
</Menu> </Menu>
</Menu>
</>
) : (
<>
<IconButton onClick={goToMainMenu} sx={{
borderRadius: '5px',
padding: '8px',
background: 'red',
color: 'white',
marginRight: '10px',
'&:hover': { color: 'white', backgroundColor: 'red' }
}}>
<Clear sx={{ marginRight: '5px' }} />
Discard
</IconButton>
<SaveRecording fileName={recordingName} />
</>
)}
</div> </div>
) : ( ) : (
<><IconButton <><IconButton