Stats index.tsx

100% Statements 3/3

33.33% Branches 3/9

100% Functions 1/1

100% Lines 3/3

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  
 
 
 
1x
2x
 
2x
 
 
 
 
 
 
 
 
 
  import { useRecoilValue } from "recoil";
import { todoStatsState } from "store/todo";
import styles from './index.module.css';
 
const Stats = () => {
    const { all, active, donePercentage } = useRecoilValue(todoStatsState);
 
    return (
        <section className={styles.container}>
            {!!all && <span>Total: {all}</span>}
            {!!active && active !== all && <span>{active} more to go</span>}
            {!!donePercentage && <span>{donePercentage % 1 === 0 ? donePercentage : donePercentage.toFixed(2)}% completed</span>}
        </section>
    )
}
 
export default Stats