added reset state function

src/pages/Picture/Picture.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, type ChangeEvent, type FormEvent } from "r
 import { useNavigate } from "react-router-dom";
 import logo from "../../assets/common/HITGENERATOR-Logo.png";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
-import { clearRequestError, request } from "../../store/slices/slice";
+import { clearRequestError, request, resetState } from "../../store/slices/slice";
 import styles from "./Picture.module.css";
 
 type AspectRatio = "1:1" | "4:5" | "16:9";
@@ -90,7 +90,11 @@ export default function Picture() {
             type="button"
             aria-label="На главную"
             title="На главную"
-            onClick={() => navigate("/")}
+            onClick={() => { 
+                navigate("/")
+                resetState();
+              }
+            }
           >
             <span aria-hidden="true">&larr;</span>
           </button>

src/store/slices/slice.ts

@@ -38,6 +38,12 @@ export const requestSlice = createSlice({
     reducers: {
         clearRequestError(state){
             state.error = null;
+        },
+        resetState(state){
+            state.files = [];
+            state.text = '';
+            state.loading = false;
+            state.error = null;
         }
     },
     extraReducers: (builder) => {
@@ -57,6 +63,6 @@ export const requestSlice = createSlice({
     }
 })
 
-export const {clearRequestError} = requestSlice.actions;
+export const {clearRequestError, resetState} = requestSlice.actions;
 
 export default requestSlice.reducer;