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 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 4x 4x 11x 11x 11x 11x 11x 11x 11x 4x 4x 4x 11x 3x 3x 8x 8x 8x 8x 8x 11x 11x 11x 11x 11x | import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import { useParams } from "react-router";
import ArticlesForm from "main/components/Articles/ArticlesForm";
import {
ARTICLES_QUERY_KEY,
} from "main/components/Articles/ArticlesTable";
import { Navigate } from "react-router";
import { useBackend, useBackendMutation } from "main/utils/useBackend";
import { toast } from "react-toastify";
import { articleToPutParams } from "main/utils/ArticlesUtils";
export default function ArticlesEditPage({ storybook = false }) {
let { id } = useParams();
const {
data: article,
_error,
_status,
} = useBackend(
// Stryker disable next-line all : don't test internal caching of React Query
[`/api/articles?id=${id}`],
{
// Stryker disable next-line all : GET is the default, so mutating this to "" doesn't introduce a bug
method: "GET",
url: `/api/articles`,
params: {
id,
},
},
);
const onSuccess = (article) => {
toast(`Article Updated - id: ${article.id} title: ${article.title}`);
};
const mutation = useBackendMutation(
articleToPutParams,
{ onSuccess },
// Stryker disable next-line all : hard to set up test for caching
[ARTICLES_QUERY_KEY],
);
const { isSuccess } = mutation;
const onSubmit = async (data) => {
const numericId = Number(id);
mutation.mutate({ ...data, id: Number.isNaN(numericId) ? id : numericId });
};
if (isSuccess && !storybook) {
return <Navigate to="/articles" />;
}
return (
<BasicLayout>
<div className="pt-2">
<h1>Edit Article</h1>
{article && (
<ArticlesForm
submitAction={onSubmit}
buttonLabel={"Update"}
initialContents={article}
/>
)}
</div>
</BasicLayout>
);
}
|