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

Merge pull request #330 from getmaxun/proxy-ui

Browse Source 
feat: link docs to user menu
This commit is contained in:
Karishma Shukla
2025-01-09 15:38:42 +05:30
committed by GitHub
parent af89181640 b9b141e7ec
commit 8d6b09a546
1 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
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, Tooltip } from "@mui/material"; import { IconButton, Menu, MenuItem, Typography, Chip, Button, Modal, Tabs, Tab, Box, Snackbar, Tooltip } from "@mui/material";
import { AccountCircle, Logout, Clear, YouTube, X, Update, Close, Language, Brightness7, Brightness4 } from "@mui/icons-material"; import { AccountCircle, Logout, Clear, YouTube, X, Update, Close, Language, Brightness7, Brightness4, Description } 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';
@@ -105,8 +105,8 @@ export const NavBar: React.FC<NavBarProps> = ({
const renderThemeToggle = () => ( const renderThemeToggle = () => (
<Tooltip title="Toggle Mode"> <Tooltip title="Toggle Mode">
<IconButton <IconButton
onClick={toggleTheme} onClick={toggleTheme}
sx={{ sx={{
color: darkMode ? '#ffffff' : '#333333', color: darkMode ? '#ffffff' : '#333333',
'&:hover': { '&:hover': {
@@ -326,6 +326,11 @@ export const NavBar: React.FC<NavBarProps> = ({
<MenuItem onClick={() => { handleMenuClose(); logout(); }}> <MenuItem onClick={() => { handleMenuClose(); logout(); }}>
<Logout sx={{ marginRight: '5px' }} /> {t('navbar.menu_items.logout')} <Logout sx={{ marginRight: '5px' }} /> {t('navbar.menu_items.logout')}
</MenuItem> </MenuItem>
<MenuItem onClick={() => {
window.open('https://docs.maxun.dev', '_blank');
}}>
<Description sx={{ marginRight: '5px' }} /> Docs
</MenuItem>
<MenuItem onClick={() => { <MenuItem onClick={() => {
window.open('https://discord.gg/5GbPjBUkws', '_blank'); window.open('https://discord.gg/5GbPjBUkws', '_blank');
}}> }}>
@@ -421,17 +426,17 @@ export const NavBar: React.FC<NavBarProps> = ({
) : ( ) : (
<NavBarRight> <NavBarRight>
<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: "8px", marginRight: "8px",
}} }}
> >
<Language sx={{ marginRight: '5px' }} /><Typography variant="body1">{t("Language")}</Typography> <Language sx={{ marginRight: '5px' }} /><Typography variant="body1">{t("Language")}</Typography>
</IconButton> </IconButton>
<Menu <Menu
anchorEl={langAnchorEl} anchorEl={langAnchorEl}
open={Boolean(langAnchorEl)} open={Boolean(langAnchorEl)}
@@ -488,7 +493,7 @@ export const NavBar: React.FC<NavBarProps> = ({
</Menu> </Menu>
{renderThemeToggle()} {renderThemeToggle()}
</NavBarRight> </NavBarRight>
)} )}
</NavBarWrapper> </NavBarWrapper>
</> </>
); );