From e0516f1dba47a3a17301d4cd61f4e15b313b6c75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A2=D0=B0=D1=82=D1=8C=D1=8F=D0=BD=D0=B0=20=D0=90=D0=BD?= =?UTF-8?q?=D0=B4=D1=80=D0=B5=D0=B5=D0=B2=D0=B0?= Date: Mon, 27 Jan 2025 17:32:54 +0400 Subject: [PATCH] add . --- frontend/src/components/AddModal.jsx | 1 - frontend/src/components/RemoveModel.jsx | 10 +++++++--- "frontend/src/components/\320\241hannels.jsx" | 2 +- frontend/src/init.jsx | 4 ++-- frontend/src/slices/activeChannelSlice.js | 2 +- 5 files changed, 11 insertions(+), 8 deletions(-) diff --git a/frontend/src/components/AddModal.jsx b/frontend/src/components/AddModal.jsx index cab6e1e..b6a0405 100644 --- a/frontend/src/components/AddModal.jsx +++ b/frontend/src/components/AddModal.jsx @@ -22,7 +22,6 @@ const AddChannel = ({ onHide }) => { const response = await addChannel({name: values.channelName}); dispatch(selectActiveTab(response.data)); onHide(); - console.log(modals); } catch (error) { console.log(error); } diff --git a/frontend/src/components/RemoveModel.jsx b/frontend/src/components/RemoveModel.jsx index a27864d..be7e56e 100644 --- a/frontend/src/components/RemoveModel.jsx +++ b/frontend/src/components/RemoveModel.jsx @@ -2,17 +2,21 @@ import { Modal, Button } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; import { useRemoveChannelMutation } from '../api/chatApi'; import { useSelector } from 'react-redux'; +import { selectActiveTab, defaultChannel } from '../slices/activeChannelSlice.js'; const RemoveChannel = ({ onHide }) => { const { t } = useTranslation(); const [ removeChannel ] = useRemoveChannelMutation(); const channel = useSelector((state) => state.modals.channel); - console.log(channel) - + // const activeChannel = useSelector(activeChannelSelector); + const handleRemove = async (id) => { try { await removeChannel(id); - onHide(); + onHide(); + selectActiveTab(defaultChannel); + console.log(defaultChannel); + } catch (err) { console.log(err); } diff --git "a/frontend/src/components/\320\241hannels.jsx" "b/frontend/src/components/\320\241hannels.jsx" index 6368e9e..f106e10 100644 --- "a/frontend/src/components/\320\241hannels.jsx" +++ "b/frontend/src/components/\320\241hannels.jsx" @@ -59,7 +59,7 @@ return ( {t('channels.setupChannel')} - showModal('removing', activeChannel)}>{t('channels.dropdownButtonRemove')} + showModal('removing', channel)}>{t('channels.dropdownButtonRemove')} {t('channels.dropdownButtonRename')} )} diff --git a/frontend/src/init.jsx b/frontend/src/init.jsx index 871a77f..19ce039 100644 --- a/frontend/src/init.jsx +++ b/frontend/src/init.jsx @@ -48,8 +48,8 @@ const init = async () => { })); }); socket.on('removeChannel', ({ payload } ) => { - store.dispatch(chatApi.util.updateQueryData('getChannels', undefined, (draft) => { - draft.filter((channel) => channel.id !== payload.id); + store.dispatch(chatApi.util.updateQueryData('getChannels', undefined, (draft, id) => { + draft.filter((channel) => channel.id !== payload); })); }); // socket.on('renameMessage', (payload) => { diff --git a/frontend/src/slices/activeChannelSlice.js b/frontend/src/slices/activeChannelSlice.js index eefc8b2..60f1af8 100644 --- a/frontend/src/slices/activeChannelSlice.js +++ b/frontend/src/slices/activeChannelSlice.js @@ -1,6 +1,6 @@ import { createSlice } from '@reduxjs/toolkit'; -const defaultChannel = { +export const defaultChannel = { id: '1', name: 'general', removable: false,