diff --git a/client/src/features/topic/topicsSlice.ts b/client/src/features/topic/topicsSlice.ts index c6f63addbd1faa9ff8ec2fee2f7f19e81f0c6afe..9108211cee688cb3930d22297d454e914afd86f5 100644 --- a/client/src/features/topic/topicsSlice.ts +++ b/client/src/features/topic/topicsSlice.ts @@ -42,6 +42,9 @@ const topicsSlice = createSlice({ name: "topic", initialState, reducers: { + resetTopicHeaderStatus: (state) => { + state.topicHeaderStatus = "idle"; + }, clearSelectedTopic: (state) => { state.selectedTopicStatus = "idle"; state.selectedTopic = undefined; @@ -87,7 +90,7 @@ function updateTopic(selectedTopic: Topic, updateResponse: { message: Message | }; } -export const { clearSelectedTopic } = topicsSlice.actions; +export const { resetTopicHeaderStatus, clearSelectedTopic } = topicsSlice.actions; export const topicsReducer = topicsSlice.reducer; export const fetchTopicHeadersThunk = createAsyncThunk( diff --git a/client/src/routes/detail/DetailPage.tsx b/client/src/routes/detail/DetailPage.tsx index 2fa93f807f2c6718dfcb0dad4409cc53c7055b7e..1f96a22b297f65428995efcef6226027386f5cf4 100644 --- a/client/src/routes/detail/DetailPage.tsx +++ b/client/src/routes/detail/DetailPage.tsx @@ -28,7 +28,7 @@ import { ResponseForm } from "../../components/Compositions/ResponseForm/Respons import { useNavigate, useParams } from "react-router-dom"; import { useTranslateFunction } from "../../hooks/useTranslate"; import { useAppDispatch, useAppSelector } from "../../hooks"; -import { fetchTopicThunk, sendMessageThunk } from "../../features/topic/topicsSlice"; +import { fetchTopicThunk, resetTopicHeaderStatus, sendMessageThunk } from "../../features/topic/topicsSlice"; import { Message } from "../../api/types"; import { LoadingPage } from "../../components/Core/Loading Page/LoadingPage"; import { ErrorPage } from "../../components/Core/Error Page/ErrorPage"; @@ -126,12 +126,13 @@ export function DetailPage() { setIsSending(true); dispatch(sendMessageThunk({ newMessage, topicId: selectedTopic.id! })) .then(unwrapResult) - .then((res) => { + .then(() => { + dispatch(resetTopicHeaderStatus()); setUploadedAttachments([]); setMessage(""); setSuccessMessage(translate("detailPage.responseForm.sendSuccess")); }) - .catch((e) => { + .catch(() => { setErrorMessage(translate("detailPage.responseForm.sendFailed")); }) .finally(() => setIsSending(false));