bananas-commerce-admin
Version:
What's this, an admin for apes?
29 lines • 1.68 kB
JavaScript
import React, { memo, useCallback } from "react";
// power off icon
import PowerSettingsNewIcon from "@mui/icons-material/PowerSettingsNew";
import { Button } from "@mui/material";
import Card from "../../../../components/Card";
import CardContent from "../../../../components/Card/CardContent";
import CardHeader from "../../../../components/Card/CardHeader";
import { Header } from "../../../../components/Header";
import { TitleBar } from "../../../../components/TitleBar";
import Content from "../../../../containers/Content";
import { useI18n } from "../../../../contexts/I18nContext";
import { useUser } from "../../../../contexts/UserContext";
import PasswordChangeForm from "../../components/PasswordChangeForm";
const MePage = () => {
const { t } = useI18n();
const { logout, user } = useUser();
const handleLogout = useCallback(() => logout(), [logout]);
return (React.createElement(React.Fragment, null,
React.createElement(Header, null,
React.createElement(TitleBar, { title: user?.username ?? "Me" },
React.createElement(Button, { color: "error", size: "large", startIcon: React.createElement(PowerSettingsNewIcon, null), variant: "contained", onClick: handleLogout }, t("Log out")))),
React.createElement(Content, { layout: "fixedWidth" },
React.createElement(Card, { sx: { maxWidth: "fit-content" } },
React.createElement(CardHeader, { sx: { pb: 0 }, title: t("Change password") }),
React.createElement(CardContent, null,
React.createElement(PasswordChangeForm, null))))));
};
export default memo(MePage);
//# sourceMappingURL=list.js.map