fix skeleton for bug

Author: Victoria Ivanova

frontend/src/pages/Report/Report.tsx

@@ -7,6 +7,7 @@ import {
   clearReport,
   createReportFx,
   $reportForm,
+  setRequestState,
 } from "@/store/report";
 import { $newBugStore, $isExists, setExists } from "@/store/newBug";
 import { $bugsIds } from "@/store/bugs";
@@ -15,7 +16,7 @@ import Bug from "./components/Bug/Bug";
 import ReportHeader from "./components/ReportHeader/ReportHeader";
 import "./Report.css";
 import useWebSocketReportPage from "@/hooks/useWebSocketReportPage";
-import { ReportStatuses } from "@/const";
+import { ReportStatuses, RequestStates } from "@/const";
 
 const reportsPageBreadcrumb = { label: "Репорты", path: "/" };
 
@@ -47,6 +48,8 @@ const ReportPage = () => {
   useEffect(() => {
     if (reportId) {
       fetchReportFx(Number(reportId));
+    } else {
+      setRequestState(RequestStates.DONE);
     }
 
     return () => {

frontend/src/store/report.ts

@@ -84,6 +84,7 @@ export const resetReport = createEvent();
 export const updateTitle = createEvent<string>();
 export const updateStatus = createEvent<number>();
 export const updateResponsible = createEvent<User | null>();
+export const setRequestState = createEvent<RequestStates>();
 
 export const $reportRequestState = createStore(RequestStates.IDLE);
 $reportRequestState
@@ -92,7 +93,8 @@ $reportRequestState
   })
   .on(fetchReportFx.doneData, () => {
     return RequestStates.DONE;
-  });
+  })
+  .on(setRequestState, (state, status) => status);
 
 export const $isReportChanged = createStore(false).reset(clearReport);