54 lines
2.1 KiB
TypeScript
54 lines
2.1 KiB
TypeScript
import React, { useCallback } from "react";
|
|
import { Page } from "@/pages/base";
|
|
import { Management } from "@/management/main";
|
|
import { Container, Divider, Typography, Button } from "@material-ui/core";
|
|
import { Async } from "@/components/async";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useRouteMatch } from "react-router-dom";
|
|
import { useAsync } from "@/hooks";
|
|
import { Edition } from "@/data/edition";
|
|
import api from "@/management/api";
|
|
import { Form, Formik } from "formik";
|
|
import { useSpacing } from "@/styles";
|
|
import { EditionForm } from "@/management/edition/form";
|
|
import { Actions } from "@/components";
|
|
import { Save } from "@material-ui/icons";
|
|
import { Cancel } from "mdi-material-ui";
|
|
|
|
const title = "edition.settings.title";
|
|
|
|
export function EditionSettings() {
|
|
const { t } = useTranslation("management");
|
|
const { params } = useRouteMatch();
|
|
const spacing = useSpacing(2);
|
|
|
|
const edition = useAsync<Edition>(useCallback(() => api.edition.details(params.edition), [params.edition]))
|
|
|
|
const handleSubmit = () => {};
|
|
|
|
return <Page>
|
|
<Page.Header maxWidth="md">
|
|
<Management.Breadcrumbs>
|
|
<Typography color="textPrimary">{ t(title) }</Typography>
|
|
</Management.Breadcrumbs>
|
|
<Page.Title>{ t(title) }</Page.Title>
|
|
</Page.Header>
|
|
<Container maxWidth="md">
|
|
<Async async={ edition }>
|
|
{ edition =>
|
|
<Formik initialValues={ edition } onSubmit={ handleSubmit }>
|
|
<Form className={ spacing.vertical }>
|
|
<EditionForm />
|
|
<Divider />
|
|
<Actions>
|
|
<Button variant="contained" color="primary" type="submit" startIcon={ <Save /> }>{ t("save") }</Button>
|
|
<Button startIcon={ <Cancel /> }>{ t("cancel") }</Button>
|
|
</Actions>
|
|
</Form>
|
|
</Formik>
|
|
}
|
|
</Async>
|
|
</Container>
|
|
</Page>;
|
|
}
|