داده و کنترل‌گرهای مسیر

+افزوده‌شده: import { DEPLOYMENTS, createDeployment } from "../../../lib/deployments";+افزوده‌شده: +افزوده‌شده: export function GET(): Response {+افزوده‌شده:   return Response.json(DEPLOYMENTS);+افزوده‌شده: }+افزوده‌شده: +افزوده‌شده: export async function POST(req: Request): Promise<Response> {+افزوده‌شده:   const deployment = createDeployment(await req.json());+افزوده‌شده:   return Response.json(deployment, { status: 201 });+افزوده‌شده: }

-حذف‌شده: import { DEPLOYMENTS } from "../../lib/deployments";+افزوده‌شده: import { useEffect, useState } from "react";+افزوده‌شده: import { Spinner, useInput } from "@textjs/app";+افزوده‌شده: import type { Deployment } from "../../lib/deployments";  export default function DeploymentsPage() {+افزوده‌شده:   const [rows, setRows] = useState<Deployment[]>([]);+افزوده‌شده:   const [loading, setLoading] = useState(true);+افزوده‌شده: +افزوده‌شده:   const refetch = async () => {+افزوده‌شده:     setLoading(true);+افزوده‌شده:     setRows(await (await fetch("/api/deployments")).json());+افزوده‌شده:     setLoading(false);+افزوده‌شده:   };+افزوده‌شده:   useEffect(() => void refetch(), []);+افزوده‌شده: +افزوده‌شده:   useInput((e) => {+افزوده‌شده:     if (e.input === "r") void refetch();+افزوده‌شده:     if (e.input === "n") void fetch("/api/deployments", { method: "POST", body: "{}" }).then(refetch);+افزوده‌شده:   });+افزوده‌شده: +افزوده‌شده:   if (loading) return <Spinner label="Loading deployments…" />;   return (     <Box className="flex-col">-حذف‌شده:       {DEPLOYMENTS.map((d) => (+افزوده‌شده:       {rows.map((d) => (         <Box key={d.id} className="flex-row h-1 gap-2">+افزوده‌شده:           <Status status={d.status} />           …