diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Header/Header.js | 1 | ||||
-rw-r--r-- | src/components/Timer/Timer.js | 14 |
2 files changed, 3 insertions, 12 deletions
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js index caa30a0..1c4e77d 100644 --- a/src/components/Header/Header.js +++ b/src/components/Header/Header.js @@ -5,7 +5,6 @@ import { Tab, Typography } from "@material-ui/core"; -import styled from 'styled-components'; import { makeStyles } from '@material-ui/core/styles'; const useStyles = makeStyles(theme => ({ diff --git a/src/components/Timer/Timer.js b/src/components/Timer/Timer.js index 367cce5..1b7dec4 100644 --- a/src/components/Timer/Timer.js +++ b/src/components/Timer/Timer.js @@ -1,6 +1,7 @@ import React, { useState, useEffect } from 'react'; -import styled from 'styled-components'; +import { Typography } from "@material-ui/core"; + import {post} from '../../requests'; const Timer = () => { @@ -56,19 +57,10 @@ const Timer = () => { return ( - <Root> - <span>{time}</ span> - </Root> + <Typography variant="h2"> {time} </Typography> ); } -const Root = styled.div` - background-color: skyblue; - padding: 8px; - display: inline-block; - font-size: 32px; - color: pink; -`; export default Timer; |