ViewModeToggle ViewModeToggle.tsx

100% Statements 6/6

75% Branches 3/4

100% Functions 2/2

100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
 
 
2x
2x
 
2x
1x
1x
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
  import { IconButton } from '@mui/material';
import ViewListIcon from '@mui/icons-material/ViewList';
import ViewModuleIcon from '@mui/icons-material/ViewModule';
import { useDispatch, useSelector } from 'react-redux';
import { selectViewMode } from '@/store/reducers/settings/settings-selectors';
import { setViewMode } from '@/store/reducers/settings/settings-actions';
import { ViewMode } from '@/enums/settings';
 
function ViewModeToggle() {
  const dispatch = useDispatch();
  const viewMode = useSelector(selectViewMode);
 
  const handleToggle = () => {
    const newMode = viewMode === ViewMode.List ? ViewMode.Grid : ViewMode.List;
    dispatch(setViewMode(newMode));
  };
 
  return (
    <IconButton
      onClick={handleToggle}
      color="inherit"
      data-testid="view-mode-toggle-button"
      aria-label="toggle view mode"
    >
      {viewMode === ViewMode.List ? <ViewModuleIcon /> : <ViewListIcon />}
    </IconButton>
  );
}
 
export default ViewModeToggle;