CategoryToggle CategoryToggle.tsx

100% Statements 4/4

50% Branches 1/2

100% Functions 1/1

100% Lines 4/4

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  
 
 
 
2x
 
 
 
 
2x
4x
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { FC } from 'react';
import { SvgIcon } from '../../../../components';
import { useTranslation } from 'react-i18next';
 
const styles = require('./CategoryToggle.module.css');
 
export const CategoryToggle: FC<{
  on: boolean;
  onClick: () => void;
}> = ({ on, onClick }) => {
  const { t } = useTranslation();
 
  return (
    <button className={`${styles.CategoryToggle}`} type="button" onClick={onClick}>
      {
        on
          ? <>
            <SvgIcon icon={{ name: 'list-ul', width: 20, height: 20, fill: '#144154' }} />
            <span>{t('viewList')}</span>
          </>
          : <>
            <SvgIcon icon={{ name: 'map', width: 20, height: 20, fill: '#144154' }} />
            <span>{t('viewMap')}</span>
          </>
      }
    </button>
  );
};