-
Notifications
You must be signed in to change notification settings - Fork 577
/
SettingsLayout.tsx
38 lines (35 loc) · 1.08 KB
/
SettingsLayout.tsx
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
import Box from "@material-ui/core/Box"
import { FC } from "react"
import { Helmet } from "react-helmet"
import { Outlet } from "react-router-dom"
import { pageTitle } from "../../util/page"
import { AuthAndFrame } from "../AuthAndFrame/AuthAndFrame"
import { Margins } from "../Margins/Margins"
import { TabPanel } from "../TabPanel/TabPanel"
export const Language = {
accountLabel: "Account",
securityLabel: "Security",
sshKeysLabel: "SSH keys",
settingsLabel: "Settings",
}
const menuItems = [
{ label: Language.accountLabel, path: "/settings/account" },
{ label: Language.securityLabel, path: "/settings/security" },
{ label: Language.sshKeysLabel, path: "/settings/ssh-keys" },
]
export const SettingsLayout: FC = () => {
return (
<AuthAndFrame>
<Box display="flex" flexDirection="column">
<Helmet>
<title>{pageTitle("Settings")}</title>
</Helmet>
<Margins>
<TabPanel title={Language.settingsLabel} menuItems={menuItems}>
<Outlet />
</TabPanel>
</Margins>
</Box>
</AuthAndFrame>
)
}