40 lines
1.0 KiB
React
40 lines
1.0 KiB
React
import Box from "@mui/material/Box";
|
|
import Typography from "@mui/material/Typography";
|
|
import ConfigBox from "@/Components/v1/ConfigBox/index.jsx";
|
|
// Utils
|
|
import { useTheme } from "@emotion/react";
|
|
import { useTranslation } from "react-i18next";
|
|
import Link from "@/Components/v1/Link/index.jsx";
|
|
|
|
const SettingsAbout = () => {
|
|
const theme = useTheme();
|
|
const { t } = useTranslation();
|
|
return (
|
|
<ConfigBox>
|
|
<Box>
|
|
<Typography
|
|
component="h1"
|
|
variant="h2"
|
|
>
|
|
{t("pages.settings.aboutSettings.title")}
|
|
</Typography>
|
|
</Box>
|
|
<Box>
|
|
<Typography component="h2">
|
|
{t("common.appName")} {__APP_VERSION__}
|
|
</Typography>
|
|
<Typography sx={{ mt: theme.spacing(2), mb: theme.spacing(6), opacity: 0.6 }}>
|
|
{t("pages.settings.aboutSettings.labelDevelopedBy")}
|
|
</Typography>
|
|
<Link
|
|
level="secondary"
|
|
url="https://github.com/bluewave-labs/checkmate"
|
|
label="https://github.com/bluewave-labs/checkmate"
|
|
/>
|
|
</Box>
|
|
</ConfigBox>
|
|
);
|
|
};
|
|
|
|
export default SettingsAbout;
|