settings Settings.jsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import AppBar from "@mui/material/AppBar";
import Box from "@mui/material/Box";
import Toolbar from "@mui/material/Toolbar";
import Typography from "@mui/material/Typography";
import TabsComponent from "@/utils/components/TabsComponent";
import AccountSettings from "./AccountSettings";
import ThemeSettings from "./ThemeSettings";
 
const tabContents = [
    {
        label: "Account",
        component: (
            <Box sx={{ mt: 5, mb: 10 }}>
                <AccountSettings />
            </Box>
        ),
    },
    {
        label: "Theme",
        component: (
            <Box sx={{ mt: 5, mb: 10 }}>
                <ThemeSettings />
            </Box>
        ),
    },
];
 
const Settings = () => {
    return (
        <React.Fragment>
            <Box>
                <AppBar position="relative" color="primary">
                    <Toolbar>
                        <Typography variant="h6">Settings</Typography>
                    </Toolbar>
                </AppBar>
                <Box sx={{ padding: "0 2%" }}>
                    <TabsComponent tabContents={tabContents} />
                </Box>
            </Box>
        </React.Fragment>
    );
};
 
export default Settings;