Add back move to tutorial action

app/routes/_.cms.articles/article-list.tsx

@@ -1,9 +1,8 @@
 import type { SerializeFrom } from "@remix-run/cloudflare";
 import type { UUID } from "~/utils/uuid";
-import type { loader } from "./route";
+import type { action, loader } from "./route";
 
 import { useFetcher, useLoaderData } from "@remix-run/react";
-import { useId } from "react";
 import { Trans } from "react-i18next";
 
 import { useT } from "~/helpers/use-i18n.hook";
@@ -28,7 +27,7 @@ type ItemProps = SerializeFrom<typeof loader>["articles"][number];
 
 function Item(props: ItemProps) {
 	let t = useT("cms.articles.list.item");
-	let id = useId();
+	let fetcher = useFetcher<typeof action>();
 
 	return (
 		<li className="flex items-center justify-between gap-3 gap-x-6 py-5">
@@ -57,6 +56,18 @@ function Item(props: ItemProps) {
 					</Button>
 				</Form>
 
+				<fetcher.Form method="post">
+					<input type="hidden" name="id" value={props.id} />
+					<Button
+						type="submit"
+						name="intent"
+						value={INTENT.moveToTutorial}
+						variant="secondary"
+					>
+						{t("moveToTutorial")}
+					</Button>
+				</fetcher.Form>
+
 				<DeleteButton id={props.id} />
 			</div>
 		</li>

app/routes/_.cms.articles/route.tsx

@@ -16,7 +16,7 @@ import { assertUUID } from "~/utils/uuid";
 
 import { Article } from "~/models/article.server";
 import { ArticlesList } from "./article-list";
-import { deleteArticle } from "./queries";
+import { deleteArticle, moveToTutorial } from "./queries";
 import { INTENT } from "./types";
 
 export async function loader({ request, context }: LoaderFunctionArgs) {
@@ -54,7 +54,9 @@ export async function action({ request, context }: ActionFunctionArgs) {
 	if (user.role !== "admin") throw redirect("/");
 
 	let formData = await request.formData();
-	let intent = z.enum([INTENT.delete]).parse(formData.get("intent"));
+	let intent = z
+		.enum([INTENT.delete, INTENT.moveToTutorial])
+		.parse(formData.get("intent"));
 
 	try {
 		if (intent === INTENT.delete) {
@@ -63,6 +65,12 @@ export async function action({ request, context }: ActionFunctionArgs) {
 			await deleteArticle(context, id);
 		}
 
+		if (intent === INTENT.moveToTutorial) {
+			let id = formData.get("id");
+			assertUUID(id);
+			await moveToTutorial(context, id);
+		}
+
 		throw redirect("/cms/articles");
 	} catch (exception) {
 		if (exception instanceof Response) throw exception;

app/routes/_.cms.articles/types.ts

@@ -1,3 +1,4 @@
 export const INTENT = {
 	delete: "DELETE_ARTICLE" as const,
+	moveToTutorial: "MOVE_TO_TUTORIAL" as const,
 };