- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 | 1x -1x -1x -1x -1x -1x -1x -1x -1x - -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React, { useState } from 'react';
-import { Container } from '@material-ui/core';
-import { useDispatch } from 'react-redux';
-import stylesHome from './commonStyles/stylesHome';
-import * as actions from './reducer/actions/actions';
-import TopBar from './features/navigation/TopBar';
-import BottomBar from './features/navigation/BottomBar';
-import TemperaturePanel from './features/temperature/TemperaturePanel';
-import LightPanel from './features/lights/LightPanel';
-
-export default function App(): JSX.Element {
- const classes = stylesHome();
- const dispatch = useDispatch();
- fetch('/api', {
- method: 'GET',
- headers: { 'Content-Type': 'application/json' },
- })
- .then(res => res.json())
- .then(data => {
- dispatch(
- actions.getState({
- temperature: data.temperature,
- eco: data.eco,
- lights: data.lights,
- }),
- );
- })
- .catch(err => {
- // eslint-disable-next-line no-console
- console.log('an error occured trying to get info');
- throw err;
- });
- const [view, setView] = useState(0);
-
- return (
- <Container maxWidth="lg" className={classes.root}>
- <TopBar />
- <div className={classes.feedContainer}>
- {view === 1 ? <LightPanel /> : <TemperaturePanel />}
- </div>
- <BottomBar view={view} setView={setView} />
- </Container>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| stylesHome.tsx | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -3/3 | -
| stylesPanel.tsx | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -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 | -1x - -1x - - - - - - - - - - -1x - | /* eslint-disable @typescript-eslint/no-explicit-any */
-import { makeStyles } from '@material-ui/core/styles';
-
-const stylesHome = makeStyles((theme: any) => ({
- root: {
- display: 'flex',
- flexDirection: 'column',
- },
- feedContainer: {
- marginTop: theme.spacing(8),
- alignItems: 'center',
- },
-}));
-
-export { stylesHome as default };
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 | -3x - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -3x - | /* eslint-disable @typescript-eslint/no-explicit-any */
-import { makeStyles } from '@material-ui/core/styles';
-
-// custom styles for the drawer
-const stylesPanel = makeStyles((theme: any) => ({
- // drawer stays at fixed width, no matter the size of the screen
- drawer: {
- flexShrink: 0,
- },
- button: {
- width: '50%',
- },
- title: {
- marginLeft: '18px',
- marginTop: '52px',
- },
- // width of background of drawer
- drawerPaper: {
- backgroundColor: '#333',
- [theme.breakpoints.up('xs')]: {
- width: '80%',
- height: '70%',
- margin: '10%',
- marginTop: '20%',
- },
- [theme.breakpoints.up('sm')]: {
- width: '80%',
- height: '80%',
- margin: '10%',
- },
- [theme.breakpoints.up('md')]: {
- width: '90%',
- height: '80%',
- margin: '5%',
- },
- },
- drawerContainer: {
- overflow: 'auto',
- },
- form: {
- marginLeft: 'auto',
- marginRight: 'auto',
- },
-}));
-
-export { stylesPanel as default };
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 | -2x -2x -2x - - -2x -2x -2x - -2x -2x -2x - -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | /* eslint-disable react/no-array-index-key */
-import React from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import {
- Button, Drawer, List, Divider,
-} from '@material-ui/core';
-import PowerSettingsNewIcon from '@material-ui/icons/PowerSettingsNew';
-import PowerOffIcon from '@material-ui/icons/PowerOff';
-import stylesPanel from '../../commonStyles/stylesPanel';
-import { InitialState } from '../../reducer/reducerTypes/typesReducer';
-import * as actions from '../../reducer/actions/actions';
-import LightItem from './lightsComponents/LightItem';
-import LightForm from './lightsComponents/LightForm';
-
-export default function LightPanel(): JSX.Element {
- // gives us access to styles object generated by makeStyles
- const classes = stylesPanel();
- // manupulated store central data
- const dispatch = useDispatch();
- // gives acess to store central data
- const { lights } = useSelector((state: InitialState) => state);
- // reorganizes lights in an array
- const lightsArray = Object.values(lights);
-
- return (
- <Drawer
- classes={{
- paper: classes.drawerPaper,
- }}
- className={classes.drawer}
- variant="permanent"
- anchor="right"
- >
- <h3 className={classes.title}> Lights Panel </h3>
- <div className={classes.drawerContainer}>
- <Button
- // eslint-disable-next-line no-unused-vars
- onClick={() => {
- dispatch(actions.allLights(true));
- }}
- color="secondary"
- className={classes.button}
- startIcon={<PowerSettingsNewIcon />}
- >
- All On
- </Button>
- <Button
- // eslint-disable-next-line no-unused-vars
- onClick={() => {
- dispatch(actions.allLights(false));
- }}
- color="default"
- className={classes.button}
- startIcon={<PowerOffIcon />}
- >
- All Off
- </Button>
- <List>
- {lightsArray.map((obj: {name:string, status:boolean}, index: number) => (
- <LightItem
- key={index + 1}
- id={index + 1}
- name={obj.name}
- status={obj.status}
- />
- ))}
- <Divider />
- <LightForm />
- </List>
- </div>
- </Drawer>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| LightPanel.tsx | -
-
- |
- 52.63% | -10/19 | -100% | -0/0 | -0% | -0/5 | -55.56% | -10/18 | -
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 | 3x -3x -3x -3x -3x - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React, { useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { ListItem, TextField, IconButton } from '@material-ui/core';
-import AddCircleIcon from '@material-ui/icons/AddCircle';
-import * as actions from '../../../reducer/actions/actions';
-import { InitialState } from '../../../reducer/reducerTypes/typesReducer';
-
-export default function LightForm(): JSX.Element {
- const dispatch = useDispatch();
- const { lightCount } = useSelector((state: InitialState) => state);
- const [fields, setFields] = useState({
- input: '',
- });
-
- const handleChange = (e:{target:{name:string, value:string}}) => {
- const targetName = e.target.name;
- const { value } = e.target;
- const clean = value.replace(/[^A-Za-z0-9]/g, '');
- setFields({
- ...fields,
- [targetName]: clean,
- });
- };
-
- return (
- <ListItem>
- <TextField
- id="input-light"
- label="Add a new light"
- required
- name="input"
- value={fields.input}
- onChange={handleChange}
- />
- <IconButton
- // eslint-disable-next-line no-unused-vars
- onClick={() => {
- dispatch(
- actions.updateLight({
- id: lightCount + 1,
- value: {
- name: fields.input,
- status: false,
- },
- }),
- );
- setFields({
- ...fields,
- input: '',
- });
- }}
- edge="end"
- aria-label="add"
- >
- <AddCircleIcon />
- </IconButton>
- </ListItem>
- );
-}
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 | -3x -3x -3x - - -3x -3x -3x - - - - - - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | /* eslint-disable react/prop-types */
-import React from 'react';
-import { useDispatch } from 'react-redux';
-import {
- FormControlLabel, ListItem, ListItemSecondaryAction, ListItemText, Switch, IconButton,
-} from '@material-ui/core';
-import DeleteIcon from '@material-ui/icons/Delete';
-import stylesLightItem from '../lightsStyles/stylesLightItem';
-import * as actions from '../../../reducer/actions/actions';
-
-export interface typesLightItem {
- id: number,
- name: string,
- status: boolean,
-}
-
-export default function LightItem({ id, name, status }:typesLightItem): JSX.Element {
- const classes = stylesLightItem();
- const dispatch = useDispatch();
-
- const handleChange = (event: {target:{checked:boolean}}) => {
- dispatch(
- actions.updateLight({
- id,
- value: {
- name,
- status: event.target.checked,
- },
- }),
- );
- };
-
- return (
- <ListItem>
- <FormControlLabel
- control={(
- <Switch
- checked={status}
- onChange={handleChange}
- aria-label="light switch"
- />
- )}
- label={status ? 'on' : 'off'}
- />
- <ListItemText className={classes.name} primary={name} />
- <ListItemSecondaryAction>
- <IconButton
- // eslint-disable-next-line no-unused-vars
- onClick={() => {
- dispatch(actions.deleteLight(id));
- }}
- edge="end"
- aria-label="delete"
- >
- <DeleteIcon />
- </IconButton>
- </ListItemSecondaryAction>
- </ListItem>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| LightForm.tsx | -
-
- |
- 30% | -6/20 | -100% | -0/0 | -0% | -0/4 | -35.29% | -6/17 | -
| LightItem.tsx | -
-
- |
- 43.75% | -7/16 | -0% | -0/2 | -0% | -0/3 | -53.85% | -7/13 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| stylesLightItem.tsx | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -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 | 4x - -4x - - - - - - -4x - | import { makeStyles } from '@material-ui/core/styles';
-
-const stylesLightItem = makeStyles(() => ({
- name: {
- position: 'absolute',
- left: '40%',
- },
-}));
-
-export { stylesLightItem as default };
- |
- 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 -32 -33 -34 -35 -36 -37 -38 | -2x -2x -2x -2x -2x - - - - - - -2x - - - - - - - - - - - - - - - - - - - - - - - - - | /* eslint-disable react/prop-types */
-import React from 'react';
-import { BottomNavigation, BottomNavigationAction } from '@material-ui/core';
-import SpeedIcon from '@material-ui/icons/Speed';
-import EmojiObjectsIcon from '@material-ui/icons/EmojiObjects';
-import stylesBottomBar from './navigationStyles/stylesBottomBar';
-
-export interface typesBottomBar {
- view:number;
- setView:(a:number) => void;
-}
-
-export default function BottomBar({ view, setView }:typesBottomBar): JSX.Element {
- const classes = stylesBottomBar();
-
- return (
- <BottomNavigation
- value={view}
- onChange={(event:unknown, newValue:number) => {
- setView(newValue);
- }}
- showLabels
- className={classes.root}
- >
- <BottomNavigationAction
- className={classes.button}
- label="Temperature Panel"
- icon={<SpeedIcon />}
- />
- <BottomNavigationAction
- className={classes.button}
- label="Light Panel"
- icon={<EmojiObjectsIcon />}
- />
- </BottomNavigation>
- );
-}
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 | 2x -2x - - -2x -2x -2x - -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React, { useState } from 'react';
-import {
- Toolbar, Typography, IconButton, MenuItem, Menu,
-} from '@material-ui/core';
-import MenuIcon from '@material-ui/icons/Menu';
-import AccountCircleIcon from '@material-ui/icons/AccountCircle';
-import stylesTopBar from './navigationStyles/stylesTopBar';
-
-export default function TopBar(): JSX.Element {
- const classes = stylesTopBar();
- const [anchorEl, setAnchorEl] = useState(null);
- const open = Boolean(anchorEl);
- const today = new Date().toDateString();
-
- const handleMenu = (event: {currentTarget:unknown}) => {
- setAnchorEl(event.currentTarget);
- };
-
- // eslint-disable-next-line no-unused-vars
- const handleClose = () => {
- setAnchorEl(null);
- };
-
- return (
- <div className={classes.root}>
- <div>
- <Toolbar>
- <IconButton
- edge="start"
- className={classes.menuButton}
- color="inherit"
- aria-label="menu"
- >
- <MenuIcon />
- </IconButton>
- <Typography variant="h6" className={classes.title}>
- {today}
- </Typography>
- <div>
- <IconButton
- aria-label="account of current user"
- aria-controls="menu-appbar"
- aria-haspopup="true"
- onClick={handleMenu}
- color="inherit"
- >
- <AccountCircleIcon />
- </IconButton>
- <Menu
- id="menu-appbar"
- anchorEl={anchorEl}
- anchorOrigin={{
- vertical: 'top',
- horizontal: 'right',
- }}
- keepMounted
- transformOrigin={{
- vertical: 'top',
- horizontal: 'right',
- }}
- open={open}
- onClose={handleClose}
- >
- <MenuItem onClick={handleClose}>Login</MenuItem>
- <MenuItem onClick={handleClose}>Sign up </MenuItem>
- </Menu>
- </div>
- </Toolbar>
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| BottomBar.tsx | -
-
- |
- 54.55% | -6/11 | -100% | -0/0 | -0% | -0/2 | -66.67% | -6/9 | -
| TopBar.tsx | -
-
- |
- 35.29% | -6/17 | -100% | -0/0 | -0% | -0/3 | -40% | -6/15 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| stylesBottomBar.tsx | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -3/3 | -
| stylesTopBar.tsx | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -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 | 3x - -3x - - - - - - - - - - - -3x - | import { makeStyles } from '@material-ui/core/styles';
-
-const stylesBottomBar = makeStyles(() => ({
- root: {
- width: '100%',
- position: 'fixed',
- bottom: 0,
- background: 'black',
- },
- button: {
- width: '100%',
- },
-}));
-
-export { stylesBottomBar as default };
- |
- 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 | 3x - -3x - - - - - - - - - - - -3x - | import { makeStyles } from '@material-ui/core/styles';
-
-const stylesTopBar = makeStyles((theme: {spacing:(x:number)=>void}) => ({
- root: {
- flexGrow: 1,
- },
- menuButton: {
- marginRight: theme.spacing(2),
- },
- title: {
- flexGrow: 1,
- },
-}));
-
-export { stylesTopBar as default };
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 | 2x -2x -2x -2x -2x - -2x -2x -2x - -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import { green } from '@material-ui/core/colors';
-import { Drawer, FormControlLabel, Switch } from '@material-ui/core';
-import * as actions from '../../reducer/actions/actions';
-import { InitialState } from '../../reducer/reducerTypes/typesReducer';
-import stylesPanel from '../../commonStyles/stylesPanel';
-import Thermostat from './temperatureComponents/Thermostat';
-import ChangeTemperature from './temperatureComponents/ChangeTemperature';
-
-export default function TemperaturePanel(): JSX.Element {
- // gives us access to styles object generated by makeStyles
- const classes = stylesPanel();
- // gives acess to store central data
- const { eco } = useSelector((state:InitialState) => state);
- // manupulated store central data
- const dispatch = useDispatch();
-
- const handleChange = (event: {target?: {checked?:boolean}}) => {
- dispatch(actions.updateTemperature({ eco: event.target.checked }));
- };
-
- return (
- <Drawer
- classes={{
- paper: classes.drawerPaper,
- }}
- className={classes.drawer}
- variant="permanent"
- anchor="left"
- >
- <h3 className={classes.title}> Temperature Panel </h3>
- <div>
- <Thermostat
- height="300px"
- width="100%"
- numTicks={100}
- minValue={0}
- maxValue={100}
- />
- <ChangeTemperature />
- </div>
- <div className={classes.form}>
- <h3 style={{ color: green[500] }}>Eco mode</h3>
- <FormControlLabel
- control={(
- <Switch
- checked={eco}
- onChange={handleChange}
- aria-label="eco switch"
- />
- )}
- label={eco ? 'on' : 'off'}
- />
- </div>
- </Drawer>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| TemperaturePanel.tsx | -
-
- |
- 56.25% | -9/16 | -0% | -0/2 | -0% | -0/3 | -60% | -9/15 | -
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 | 3x -3x -3x -3x -3x -3x - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Typography, Slider } from '@material-ui/core';
-import * as actions from '../../../reducer/actions/actions';
-import stylesChangeTemperature from '../temperatureStyles/stylesChangeTemperature';
-import { generateMarks, valueText } from '../temperatureHelpers/helpersChangeTemperature';
-import { InitialState } from '../../../reducer/reducerTypes/typesReducer';
-
-export default function ChangeTemperature(): JSX.Element {
- const classes = stylesChangeTemperature();
- const { eco } = useSelector((state:InitialState) => state);
- const dispatch = useDispatch();
- const marks = generateMarks();
-
- return (
- <div className={classes.root}>
- <Slider
- color="secondary"
- defaultValue={0}
- getAriaValueText={valueText}
- aria-labelledby="discrete-slider-custom"
- step={1}
- valueLabelDisplay="auto"
- marks={marks}
- onChange={(e:{target:{textContent:number}}) => {
- dispatch(actions.updateTarget(e.target.textContent));
- }}
- onChangeCommitted={(e:{target:{textContent:number}}) => {
- dispatch(
- actions.updateTemperature({
- eco,
- temperature: e.target.textContent,
- }),
- );
- }}
- />
- <Typography id="discrete-slider-custom" gutterBottom>
- Select Temperature
- </Typography>
- </div>
- );
-}
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 | -3x -3x - -3x -3x - - - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | /* eslint-disable react/prop-types */
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { InitialState } from '../../../reducer/reducerTypes/typesReducer';
-import stylesThermostat from '../temperatureStyles/stylesThermostat';
-import {
- pointsToPath, rotatePoint, rotatePoints, restrictToRange, mapEcoPoint,
-} from '../temperatureHelpers/helpersThermostat';
-import { typesThermostat } from '../temperatureTypes/typesThermostat';
-
-export default function Thermostat({
- maxValue,
- minValue,
- numTicks,
- width,
- height,
-}:typesThermostat): JSX.Element {
- const { temperature, targetTemperature, eco } = useSelector((state:InitialState) => state);
-
- // Local variables used for rendering.
- const diameter = 400;
- const radius = diameter / 2;
- const ticksOuterRadius = diameter / 30;
- const ticksInnerRadius = diameter / 8;
- const tickDegrees = 300;
- const rangeValue = maxValue - minValue;
-
- // Determine the maximum and minimum values to display.
- const actualMinValue = Math.min(temperature, targetTemperature);
- const actualMaxValue = Math.max(temperature, targetTemperature);
- const min = restrictToRange(
- Math.round(
- ((actualMinValue - minValue) / rangeValue) * numTicks,
- ),
- 0,
- numTicks - 1,
- );
- const max = restrictToRange(
- Math.round(
- ((actualMaxValue - minValue) / rangeValue) * numTicks,
- ),
- 0,
- numTicks - 1,
- );
-
- // Renders the degree ticks around the outside of the thermostat.
- const tickPoints = [
- [radius - 1, ticksOuterRadius],
- [radius + 1, ticksOuterRadius],
- [radius + 1, ticksInnerRadius],
- [radius - 1, ticksInnerRadius],
- ];
- const tickPointsLarge = [
- [radius - 1.5, ticksOuterRadius],
- [radius + 1.5, ticksOuterRadius],
- [radius + 1.5, ticksInnerRadius + 20],
- [radius - 1.5, ticksInnerRadius + 20],
- ];
- const theta = tickDegrees / numTicks;
- const offsetDegrees = 180 - (360 - tickDegrees) / 2;
- const tickArray = [];
- for (let iTick = 0; iTick < numTicks; iTick += 1) {
- const isLarge = iTick === min || iTick === max;
- const isActive = iTick >= min && iTick <= max;
- const tickElement = React.createElement('path', {
- key: ['tick-', iTick].join(''),
- d: pointsToPath(
- rotatePoints(
- isLarge ? tickPointsLarge : tickPoints,
- iTick * theta - offsetDegrees,
- [radius, radius],
- ),
- ),
- style: {
- fill: isActive
- ? 'rgba(255, 255, 255, 0.8)'
- : 'rgba(255, 255, 255, 0.3)',
- },
- });
- tickArray.push(tickElement);
- }
-
- // Determines the positioning of the eco, should it be displayed.
- const ecoScale = radius / 5 / 100;
- const ecoDef = ['M', 3, 84, 'c', 24, 17, 51, 18, 73, -6, 'C', 100,
- 52, 100, 22, 100, 4, 'c', -13, 15, -37, 9, -70, 19, 'C', 4, 32, 0,
- 63, 0, 76, 'c', 6, -7, 18, -17, 33, -23, 24, -9, 34, -9, 48, -20, -9,
- 10, -20, 16, -43, 24, 'C', 22, 63, 8, 78, 3, 84, 'z',
- ]
- .map((point:number) => mapEcoPoint(point, ecoScale))
- .join(' ');
- const translate = [radius - ecoScale * 100 * 0.5, radius * 1.5];
-
- // Determines whether the ambient temperature label will be displayed
- // to the left or right of the tick range.
- const lblAmbientPosition = [
- radius,
- ticksOuterRadius - (ticksOuterRadius - ticksInnerRadius) / 2,
- ];
- const peggedValue = restrictToRange(
- temperature,
- minValue,
- maxValue,
- );
- let degs = (tickDegrees * (peggedValue - minValue)) / rangeValue - offsetDegrees;
- if (peggedValue > targetTemperature) {
- degs += 8;
- } else {
- degs -= 8;
- }
- const ambientPosition = rotatePoint(lblAmbientPosition, degs, [
- radius,
- radius,
- ]);
-
- // The styles change based on state.
- const styles = stylesThermostat(eco);
-
- // Piece it all together to form the thermostat display.
- return (
- <svg
- width={width}
- height={height}
- style={styles.dial}
- viewBox={['0 0 ', diameter, ' ', diameter].join('')}
- >
- <circle cx={radius} cy={radius} r={radius} style={styles.circle} />
- <g>{tickArray}</g>
- <text x={radius} y={radius} style={styles.target}>
- {Math.round(targetTemperature)}
- </text>
- <text
- x={ambientPosition[0]}
- y={ambientPosition[1]}
- style={styles.ambient}
- >
- {Math.round(temperature)}
- </text>
- <path
- d={ecoDef}
- style={styles.eco}
- transform={['translate(', translate[0], ',', translate[1], ')'].join(
- '',
- )}
- />
- </svg>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| ChangeTemperature.tsx | -
-
- |
- 46.67% | -7/15 | -100% | -0/0 | -0% | -0/4 | -50% | -7/14 | -
| Thermostat.tsx | -
-
- |
- 10.2% | -5/49 | -0% | -0/10 | -0% | -0/3 | -11.36% | -5/44 | -
- 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 | 4x -1x -1x -10x - - - - -1x - - -4x - -4x - | const generateMarks = ():{value:number, label:string}[] => {
- const result = [];
- for (let i = 0; i < 100; i += 10) {
- result.push({
- value: i,
- label: `${i}°`,
- });
- }
- return result;
-};
-
-const valueText = (value:number):string => `${value}°`;
-
-export { generateMarks, valueText };
- |
- 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 -32 -33 | - -4x - -1x - - - - -4x -2x -2x -2x -2x -2x -2x - - -4x - -4x -1x - - - - - -4x - - -4x - - | /* eslint-disable max-len */ -/* eslint-disable @typescript-eslint/explicit-module-boundary-types */ -const pointsToPath = (points:unknown[][]) => [ - points - .map((point, iPoint) => [iPoint > 0 ? 'L' : 'M', point[0], ' ', point[1]].join('')) - .join(' '), - 'Z', -].join(''); - -const rotatePoint = (point:number[], angle:number, origin:number[]) => { - const radians = (angle * Math.PI) / 180; - const x = point[0] - origin[0]; - const y = point[1] - origin[1]; - const x1 = x * Math.cos(radians) - y * Math.sin(radians) + origin[0]; - const y1 = x * Math.sin(radians) + y * Math.cos(radians) + origin[1]; - return [x1, y1]; -}; - -const rotatePoints = (points: number[][], angle: number, origin:number[]) => points.map(point => rotatePoint(point, angle, origin)); - -const restrictToRange = (val:number, min:number, max: number) => { - Eif (val < min) return min; - if (val > max) return max; - return val; -}; - -// eslint-disable-next-line no-restricted-globals -const mapEcoPoint = (point:number, scale:number) => (isNaN(point) ? point : point * scale); - -export { - pointsToPath, rotatePoint, rotatePoints, restrictToRange, mapEcoPoint, -}; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| helpersChangeTemperature.tsx | -
-
- |
- 100% | -10/10 | -100% | -0/0 | -100% | -2/2 | -100% | -7/7 | -
| helpersThermostat.tsx | -
-
- |
- 88.46% | -23/26 | -37.5% | -3/8 | -100% | -7/7 | -87.5% | -14/16 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| stylesChangeTemperature.tsx | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -3/3 | -
| stylesThermostat.tsx | -
-
- |
- 50% | -2/4 | -0% | -0/2 | -0% | -0/1 | -50% | -2/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 | -4x - -4x - - - - - - - - - - - - -4x - | /* eslint-disable @typescript-eslint/no-explicit-any */
-import { makeStyles } from '@material-ui/core/styles';
-
-const stylesChangeTemperature = makeStyles((theme:any) => ({
- root: {
- marginLeft: 'auto',
- marginRight: 'auto',
- [theme.breakpoints.down('sm')]: {
- width: '70%',
- },
- [theme.breakpoints.up('md')]: {
- width: '30%',
- },
- },
-}));
-
-export { stylesChangeTemperature as default };
- |
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 | - -4x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -4x - | import { typesStylesThermostat } from '../temperatureTypes/typesStylesThermostat';
-
-const stylesThermostat = (eco:boolean):typesStylesThermostat => {
- const dialColor = '#222';
-
- return {
- dial: {
- WebkitUserSelect: 'none',
- MozUserSelect: 'none',
- msUserSelect: 'none',
- userSelect: 'none',
- },
- circle: {
- fill: dialColor,
- WebkitTransition: 'fill 0.5s',
- transition: 'fill 0.5s',
- },
- target: {
- fill: 'white',
- textAnchor: 'middle',
- fontFamily: 'Helvetica, sans-serif',
- alignmentBaseline: 'central',
- fontSize: '120px',
- fontWeight: 'bold',
- visibility: 'visible',
- },
- ambient: {
- fill: 'white',
- textAnchor: 'middle',
- fontFamily: 'Helvetica, sans-serif',
- alignmentBaseline: 'central',
- fontSize: '22px',
- fontWeight: 'bold',
- },
- eco: {
- fill: '#13EB13',
- opacity: eco ? '1' : '0',
- visibility: 'visible',
- WebkitTransition: 'opacity 0.5s',
- transition: 'opacity 0.5s',
- pointerEvents: 'none',
- },
- };
-};
-
-export { stylesThermostat as default };
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| App.tsx | -
-
- |
- 47.62% | -10/21 | -0% | -0/2 | -0% | -0/4 | -52.63% | -10/19 | -
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 | 7x - - -7x - - - - -7x - - - - -7x - - - - -1x - - - - -7x - - - - -7x - - - - -7x - - - - -7x - - - | import * as types from '../constants/actionTypes';
-import { actionTypes } from '../reducerTypes/typesActionTypes';
-
-export const getState = (obj:unknown): actionTypes => ({
- type: types.GET_STATE,
- payload: obj,
-});
-
-export const allLights = (boolen:boolean): actionTypes => ({
- type: types.ALL_LIGHTS,
- payload: boolen,
-});
-
-export const updateLight = (obj:{
- id: string | number,
- value?: {
- name?: string,
- status?: boolean
- }}): actionTypes => ({
- type: types.UPDATE_LIGHT,
- payload: obj,
-});
-
-export const deleteLight = (id:number):actionTypes => ({
- type: types.DELETE_LIGHT,
- payload: id,
-});
-
-export const updateTarget = (number:number): actionTypes => ({
- type: types.UPDATE_TARGET,
- payload: number,
-});
-
-export const updateTemperature = (obj:unknown): actionTypes => ({
- type: types.UPDATE_TEMPERATURE,
- payload: obj,
-});
-
-export const reset = (): actionTypes => ({
- type: types.RESET,
-});
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| actions.ts | -
-
- |
- 100% | -15/15 | -100% | -0/0 | -100% | -7/7 | -100% | -9/9 | -
- 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 | 7x -7x -7x -7x -7x -7x -7x - | export const GET_STATE = 'getState'; -export const UPDATE_LIGHT = 'updateLight'; -export const DELETE_LIGHT = 'deleteLight'; -export const ALL_LIGHTS = 'allLights'; -export const UPDATE_TARGET = 'updateTarget'; -export const UPDATE_TEMPERATURE = 'updateTemperature'; -export const RESET = 'reset'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| actionTypes.ts | -
-
- |
- 100% | -7/7 | -100% | -0/0 | -100% | -0/0 | -100% | -7/7 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| reducer.ts | -
-
- |
- 35.71% | -15/42 | -25% | -3/12 | -50% | -1/2 | -34.15% | -14/41 | -
- 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 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 | -1x - - -1x -1x - - -1x - - - - - - - -6x - -3x -3x -3x -3x -3x - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -1x - -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - -2x - - - - - - | /* eslint-disable no-case-declarations */
-import * as types from './constants/actionTypes';
-import { actionTypes } from './reducerTypes/typesActionTypes';
-import { InitialState } from './reducerTypes/typesReducer';
-import postRequest from './reducerHelpers/postRequest';
-import deleteRequest from './reducerHelpers/deleteRequest';
-
-// Set initial state
-export const initialState:InitialState = {
- lightCount: 0,
- lights: {},
- temperature: 0,
- targetTemperature: 0,
- eco: false,
-};
-
-export const reducer = (Estate = initialState, action: actionTypes): InitialState => {
- // copy all state properties do avoid state mutability
- let lightCountCopy = state.lightCount;
- let lightsCopy:{1?:{name?: string, status?:boolean}} = { ...state.lights };
- let temperatureCopy:number | undefined = state.temperature;
- let targetTemperatureCopy:number | undefined = state.targetTemperature;
- let ecoCopy:boolean | undefined = state.eco;
-
- switch (action.type) {
- // Update state with payload
- case types.GET_STATE:
- // update local storage
- temperatureCopy = action.payload.temperature;
- targetTemperatureCopy = action.payload.temperature;
- ecoCopy = action.payload.eco;
- lightCountCopy = Object.keys(action.payload.lights).length;
- lightsCopy = action.payload.lights;
-
- return {
- lightCount: lightCountCopy,
- lights: lightsCopy,
- targetTemperature: targetTemperatureCopy,
- temperature: temperatureCopy,
- eco: ecoCopy,
- };
-
- case types.ALL_LIGHTS:
- // update local storage
- Object.keys(lightsCopy).forEach(light => {
- lightsCopy[light].status = action.payload;
- });
-
- // update database
- postRequest('/api', { obj: lightsCopy });
-
- return {
- ...state,
- lights: lightsCopy,
- };
- case types.UPDATE_LIGHT:
- // update database
- const lightData = {
- obj: {
- id: action.payload.id,
- value: action.payload.value,
- },
- };
- postRequest('/light', lightData);
-
- // update local storage
- lightsCopy[action.payload.id] = action.payload.value;
- lightCountCopy = Object.keys(lightsCopy).length;
-
- return {
- ...state,
- lightCount: lightCountCopy,
- lights: lightsCopy,
- };
-
- case types.DELETE_LIGHT:
- // update database
- const lightDelete = { id: action.payload };
- deleteRequest('/light', lightDelete);
-
- // update local storage
- delete lightsCopy[action.payload];
- lightCountCopy = Object.keys(lightsCopy).length;
-
- return {
- ...state,
- lightCount: lightCountCopy,
- lights: lightsCopy,
- };
-
- case types.UPDATE_TARGET:
- targetTemperatureCopy = action.payload;
-
- return {
- ...state,
- targetTemperature: targetTemperatureCopy,
- };
-
- case types.UPDATE_TEMPERATURE:
- // update local storage
- ecoCopy = action.payload.eco;
- if (action.payload.temperature) {
- temperatureCopy = action.payload.temperature;
- }
-
- // update database
- const temperatureData = {
- obj: {
- eco: ecoCopy,
- temperature: temperatureCopy,
- },
- };
- postRequest('/temperature', temperatureData);
-
- return {
- ...state,
- temperature: temperatureCopy,
- eco: ecoCopy,
- };
-
- case types.RESET:
- return initialState;
-
- default:
- return state;
- }
-};
- |
- 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 | -1x - - - - - - - - - - - - - | /* eslint-disable no-console */ -export default function deleteRequest(api:string, body:unknown):void { - fetch(`${api}`, { - method: 'DELETE', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify(body), - }) - .then(res => res.json()) - .then(data => data) - .catch(err => { - console.log('an error occured trying to post info'); - throw err; - }); -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| deleteRequest.tsx | -
-
- |
- 16.67% | -1/6 | -100% | -0/0 | -0% | -0/4 | -16.67% | -1/6 | -
| postRequest.tsx | -
-
- |
- 16.67% | -1/6 | -100% | -0/0 | -0% | -0/4 | -16.67% | -1/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 | -1x - - - - - - - - - - - - - | /* eslint-disable no-console */ -export default function postRequest(api:string, body:unknown):void { - fetch(`${api}`, { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify(body), - }) - .then(res => res.json()) - .then(data => data) - .catch(err => { - console.log('an error occured trying to post info'); - throw err; - }); -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| client | -
-
- |
- 47.62% | -10/21 | -0% | -0/2 | -0% | -0/4 | -52.63% | -10/19 | -
| client/commonStyles | -
-
- |
- 75% | -6/8 | -100% | -0/0 | -0% | -0/2 | -100% | -6/6 | -
| client/features/lights | -
-
- |
- 52.63% | -10/19 | -100% | -0/0 | -0% | -0/5 | -55.56% | -10/18 | -
| client/features/lights/lightsComponents | -
-
- |
- 36.11% | -13/36 | -0% | -0/2 | -0% | -0/7 | -43.33% | -13/30 | -
| client/features/lights/lightsStyles | -
-
- |
- 75% | -3/4 | -100% | -0/0 | -0% | -0/1 | -100% | -3/3 | -
| client/features/navigation | -
-
- |
- 42.86% | -12/28 | -100% | -0/0 | -0% | -0/5 | -50% | -12/24 | -
| client/features/navigation/navigationStyles | -
-
- |
- 75% | -6/8 | -100% | -0/0 | -0% | -0/2 | -100% | -6/6 | -
| client/features/temperature | -
-
- |
- 56.25% | -9/16 | -0% | -0/2 | -0% | -0/3 | -60% | -9/15 | -
| client/features/temperature/temperatureComponents | -
-
- |
- 18.75% | -12/64 | -0% | -0/10 | -0% | -0/7 | -20.69% | -12/58 | -
| client/features/temperature/temperatureHelpers | -
-
- |
- 91.67% | -33/36 | -37.5% | -3/8 | -100% | -9/9 | -91.3% | -21/23 | -
| client/features/temperature/temperatureStyles | -
-
- |
- 62.5% | -5/8 | -0% | -0/2 | -0% | -0/2 | -71.43% | -5/7 | -
| client/reducer | -
-
- |
- 35.71% | -15/42 | -25% | -3/12 | -50% | -1/2 | -34.15% | -14/41 | -
| client/reducer/actions | -
-
- |
- 100% | -15/15 | -100% | -0/0 | -100% | -7/7 | -100% | -9/9 | -
| client/reducer/constants | -
-
- |
- 100% | -7/7 | -100% | -0/0 | -100% | -0/0 | -100% | -7/7 | -
| client/reducer/reducerHelpers | -
-
- |
- 16.67% | -2/12 | -100% | -0/0 | -0% | -0/8 | -16.67% | -2/12 | -