From a8986b22763670cf7ea0de1ea2e132cfdd5dbf16 Mon Sep 17 00:00:00 2001
From: Leons Aleksandrovs <58330666+Skrazzo@users.noreply.github.com>
Date: Sat, 12 Jul 2025 15:58:38 +0300
Subject: [PATCH] feat(cover): frontend generate cover letters

---
 frontend/src/routes/cover/create.tsx | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/cover/create.tsx b/frontend/src/routes/cover/create.tsx
index 832bb3e..431eb49 100644
--- a/frontend/src/routes/cover/create.tsx
+++ b/frontend/src/routes/cover/create.tsx
@@ -5,7 +5,8 @@ import Authorised from "@/layouts/Authorised";
 import requests from "@/lib/requests";
 import type { Template } from "@/types/api";
 import { useQuery } from "@tanstack/react-query";
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { useState } from "react";
 import { z } from "zod/v4";
 
 export const Route = createFileRoute("/cover/create")({
@@ -18,6 +19,9 @@ const createSchema = z.object({
 });
 
 function RouteComponent() {
+    const loading = useState(false);
+    const navigate = useNavigate();
+
     const templates = useQuery({
         queryKey: ["user_templates"],
         queryFn: () => requests.get<Template[]>("/templates", {}),
@@ -37,7 +41,18 @@ function RouteComponent() {
             onBlur: createSchema,
         },
         onSubmit({ value }) {
-            console.log(JSON.stringify(value));
+            requests.post("/cover", {
+                data: value,
+                before() {
+                    loading[1](true);
+                },
+                finally() {
+                    loading[1](false);
+                },
+                success() {
+                    navigate({ to: "/" });
+                },
+            });
         },
     });
 
@@ -64,7 +79,7 @@ function RouteComponent() {
                 <form.AppField name="application" children={(f) => <f.RichTextEdit />} />
             </div>
 
-            <Button onClick={form.handleSubmit} className="mt-4">
+            <Button disabled={loading[0]} onClick={form.handleSubmit} className="mt-4">
                 Generate cover letter
             </Button>
         </Authorised>