diff --git a/src/components/General/LeftSidebar/LeftSidebar.tsx b/src/components/General/LeftSidebar/LeftSidebar.tsx index 39c5d5ac..44d8f4e0 100644 --- a/src/components/General/LeftSidebar/LeftSidebar.tsx +++ b/src/components/General/LeftSidebar/LeftSidebar.tsx @@ -16,23 +16,23 @@ import LeftSidebarIconButton from './LeftSidebarIconButton' const LeftSidebar = () => { const buttons = useSelector((state: any) => state.leftSidebar.buttons) - const renderIcon = (id: string) => { - switch (id) { - case 'dashboard': + const renderIcon = (path: string) => { + switch (path) { + case '/dashboard': return - case 'speed': + case '/validator-management': return - case 'chart': + case '/charts': return - case 'heart': + case '/device-health-check': return - case 'codeBlock': + case '/logs': return - case 'communities': + case '/communities': return - case 'activityCenter': + case '/activityCenter': return - case 'settings': + case '/settings': return default: return null @@ -66,12 +66,10 @@ const LeftSidebar = () => { >
diff --git a/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx b/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx index 7a6c21a8..20785173 100644 --- a/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx +++ b/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx @@ -1,35 +1,22 @@ import { IconButton } from '@status-im/components' -import { useDispatch } from 'react-redux' import { Stack } from 'tamagui' import { Link } from 'react-router-dom' -import { toggleButtonSelection } from '../../../redux/LeftSidebar/slice' - type IconButtonWithDotProps = { iconEl: any isDotOn: boolean - isSelected: boolean isDisabled?: boolean - id: string path: string } const LeftSidebarIconButton = ({ iconEl, isDotOn, - isSelected, isDisabled, - id, path, }: IconButtonWithDotProps) => { - const dispatch = useDispatch() - - const onClickHandler = () => { - isDisabled ? null : dispatch(toggleButtonSelection(id)) - } - return ( - + ) => { - state.buttons.forEach(button => { - button.isSelected = button.id === action.payload - }) - }, - toggleDot: (state, action: PayloadAction) => { - const button = state.buttons.find(button => button.id === action.payload) - if (button) { - button.isDotOn = !button.isDotOn - } - }, - }, + reducers: {}, }) -export const { toggleButtonSelection, toggleDot } = leftSidebarSlice.actions +export const {} = leftSidebarSlice.actions export default leftSidebarSlice.reducer