Added redirect to home on successfull ann addition

front/src/pages/AddPage.tsx

@@ -1,9 +1,10 @@
-import { CSSProperties, FormEventHandler, useState } from 'react'
-import { Form, Button, Card } from 'react-bootstrap'
+import { CSSProperties, FormEventHandler, useEffect, useState } from 'react'
+import { Form, Button } from 'react-bootstrap'
 import { MapContainer, TileLayer } from 'react-leaflet'
 import { latLng } from 'leaflet'
+import { useNavigate } from 'react-router-dom'
 
-import { BackHeader, ClickHandler, LocationMarker, TrashboxMarkers } from '../components'
+import { ClickHandler, LocationMarker, TrashboxMarkers } from '../components'
 import { useAddAnnouncement, useTrashboxes } from '../hooks/api'
 import { categories, categoryNames } from '../assets/category'
 import { stations, lines, lineNames } from '../assets/metro'
@@ -28,6 +29,8 @@ function AddPage() {
 
     const { handleAdd, addButton } = useAddAnnouncement()
 
+    const navigate = useNavigate()
+
     const handleSubmit: FormEventHandler<HTMLFormElement> = (event) => {
         event.preventDefault()
         event.stopPropagation()
@@ -42,6 +45,12 @@ function AddPage() {
         handleAdd(formData)
     }
 
+    useEffect(() => {
+        if (addButton.children === 'Опубликовано') {
+            navigate('/')
+        }
+    }, [addButton.children, navigate])
+
     return (
         <CardLayout text='Опубликовать объявление'>
             <Form onSubmit={handleSubmit}>