Merge pull request #7 from SlimusMinus/connect_post_back

added get and create posts with back

src/components/PostModal.jsx

@@ -1,19 +1,17 @@
 import {useCallback, useState} from "react";
-import {API_URL} from "../config/constants";
 import PinIcon from "./icons/PinIcon";
 import CloseIcon from "./icons/CloseIcon";
 import { EMPTY_FORM, CATEGORIES } from "../config/feedConstants";
+import { useCreatePost } from "../hooks/useCreatePost";
 
 export default function PostModal({ onClose, onSuccess }) {
   const [form, setForm] = useState(EMPTY_FORM);
   const [errors, setErrors] = useState({});
-  const [loading, setLoading] = useState(false);
+  const { createAd, loading, error: apiError } = useCreatePost();
-  const [apiError, setApiError] = useState("");
 
   const set = useCallback((k, v) => {
     setForm(p => ({ ...p, [k]: v }));
     setErrors(p => ({ ...p, [k]: "" }));
-    setApiError("");
   }, []);
 
   const validate = () => {
@@ -28,25 +26,20 @@ export default function PostModal({ onClose, onSuccess }) {
 
   const handleSubmit = async () => {
     if (!validate()) return;
-    setLoading(true);
+
-    setApiError("");
+    const payload = {
-    try {
+      type:        form.type,        // "loss" | "found"
-      const res = await fetch(`${API_URL}/api/ads`, {
+      title:       form.title.trim(),
-        method: "POST",
+      description: form.description.trim(),
-        headers: { "Content-Type": "application/json" },
+      category:    form.category,
-        body: JSON.stringify(form),
+      date:        form.date || null,
-      });
+      phone:       form.phone.trim(),
-      if (!res.ok) {
+    };
-        const data = await res.json().catch(() => ({}));
+
-        throw new Error(data.message || `Ошибка ${res.status}`);
+    const newAd = await createAd(payload);
-      }
+    if (newAd) {
-      const newAd = await res.json();
       onSuccess(newAd);
       onClose();
-    } catch (err) {
-      setApiError(err.message || "Не удалось разместить объявление");
-    } finally {
-      setLoading(false);
     }
   };
 
@@ -107,15 +100,7 @@ export default function PostModal({ onClose, onSuccess }) {
               </select>
               {errors.category && <p className="f-err-msg">{errors.category}</p>}
             </div>
-            <div className="f-m-group">
+
-              <label className="f-m-label">Дата события</label>
-              <input
-                  className="f-m-field"
-                  type="date"
-                  value={form.date}
-                  onChange={e => set("date", e.target.value)}
-              />
-            </div>
           </div>
 
           <div className="f-m-group">

src/hooks/useCreatePost.js

@@ -0,0 +1,42 @@
+import { useState } from "react";
+import { API_URL } from "../config/constants";
+
+export function useCreatePost() {
+  const [loading, setLoading] = useState(false);
+  const [error,   setError]   = useState(null);
+  const [success, setSuccess] = useState(false);
+
+  const createAd = async (adData) => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      const token = localStorage.getItem("token");
+
+      const res = await fetch(`${API_URL}/api/v1/posts`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `Bearer ${token}`,
+        },
+        body: JSON.stringify(adData),
+      });
+
+      const data = await res.json();
+
+      if (!res.ok) {
+        throw new Error(data.message || "Ошибка при создании объявления");
+      }
+
+      setSuccess(true);
+      return data; // возвращает созданное объявление
+    } catch (e) {
+      setError(e.message);
+      return null;
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return { createAd, loading, error, success };
+}

src/pages/FeedPage.jsx

@@ -7,7 +7,6 @@ import AdCard from "../components/AdCard";
 import PostModal from "../components/PostModal";
 import MenuIcon from "../components/icons/MenuIcon"
 
-// ─── FEED PAGE ────────────────────────────────────────────────────────────────
 export default function FeedPage() {
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [activeNav, setActiveNav] = useState("Главная");
@@ -17,13 +16,12 @@ export default function FeedPage() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
 
-  // Загрузка объявлений с бэка
   useEffect(() => {
     const load = async () => {
       setLoading(true);
       setError("");
       try {
-        const res = await fetch(`${API_URL}/api/ads`);
+        const res = await fetch(`${API_URL}/api/v1/posts`);
         if (!res.ok) {
           throw new Error(`Ошибка ${res.status}`);
         }