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