Merge pull request #756 from getmaxun/new-ui-fix
feat: add tutorials tab to menu
This commit is contained in:
@@ -3,8 +3,8 @@ import Tabs from '@mui/material/Tabs';
|
|||||||
import Tab from '@mui/material/Tab';
|
import Tab from '@mui/material/Tab';
|
||||||
import Box from '@mui/material/Box';
|
import Box from '@mui/material/Box';
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import { Paper, Button, useTheme, Modal, Typography, Stack, TextField, InputAdornment, IconButton } from "@mui/material"; // Added TextField, InputAdornment, IconButton
|
import { Paper, Button, useTheme, Modal, Typography, Stack, TextField, InputAdornment, IconButton } from "@mui/material";
|
||||||
import { AutoAwesome, FormatListBulleted, VpnKey, Usb, CloudQueue, Description, Favorite, ContentCopy } from "@mui/icons-material"; // Added ContentCopy
|
import { AutoAwesome, FormatListBulleted, VpnKey, Usb, CloudQueue, Description, Favorite, ContentCopy, SlowMotionVideo } from "@mui/icons-material";
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { useGlobalInfoStore } from "../../context/globalInfo";
|
import { useGlobalInfoStore } from "../../context/globalInfo";
|
||||||
|
|
||||||
@@ -52,7 +52,7 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
|
|||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
textTransform: 'none',
|
textTransform: 'none',
|
||||||
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
||||||
'&:hover': {
|
'&:hover': {
|
||||||
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
|
||||||
backgroundColor: theme.palette.mode === 'light' ? '#f5f5f5' : 'inherit',
|
backgroundColor: theme.palette.mode === 'light' ? '#f5f5f5' : 'inherit',
|
||||||
},
|
},
|
||||||
@@ -91,6 +91,9 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
|
|||||||
<Button href='https://docs.maxun.dev' target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<Description />}>
|
<Button href='https://docs.maxun.dev' target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<Description />}>
|
||||||
Documentation
|
Documentation
|
||||||
</Button>
|
</Button>
|
||||||
|
<Button href="https://www.youtube.com/@MaxunOSS/videos" target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<SlowMotionVideo />}>
|
||||||
|
Tutorials
|
||||||
|
</Button>
|
||||||
<Button onClick={() => setCloudModalOpen(true)} sx={buttonStyles} startIcon={<CloudQueue />}>
|
<Button onClick={() => setCloudModalOpen(true)} sx={buttonStyles} startIcon={<CloudQueue />}>
|
||||||
Join Maxun Cloud
|
Join Maxun Cloud
|
||||||
</Button>
|
</Button>
|
||||||
@@ -149,10 +152,10 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
|
|||||||
Thank you for your support! 💙
|
Thank you for your support! 💙
|
||||||
</Typography>
|
</Typography>
|
||||||
<Stack direction="row" spacing={2} mt={2}>
|
<Stack direction="row" spacing={2} mt={2}>
|
||||||
<Button href="https://checkout.dodopayments.com/buy/pdt_1Bdstszcg9VY8WYGwNBPM?quantity=1" target="_blank" rel="noopener noreferrer" variant="outlined" fullWidth>
|
<Button href="https://checkout.dodopayments.com/buy/pdt_1Bdstszcg9VY8WYGwNBPM?quantity=1" target="_blank" rel="noopener noreferrer" variant="outlined" fullWidth>
|
||||||
Sponsor $5 One-Time
|
Sponsor $5 One-Time
|
||||||
</Button>
|
</Button>
|
||||||
<Button href="https://checkout.dodopayments.com/buy/pdt_HDalaYf8hEGVG7hXcfNBj?quantity=1" target="_blank" rel="noopener noreferrer" variant="outlined" fullWidth>
|
<Button href="https://checkout.dodopayments.com/buy/pdt_HDalaYf8hEGVG7hXcfNBj?quantity=1" target="_blank" rel="noopener noreferrer" variant="outlined" fullWidth>
|
||||||
Sponsor $5 Monthly
|
Sponsor $5 Monthly
|
||||||
</Button>
|
</Button>
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|||||||
Reference in New Issue
Block a user