From 747503569130a6ac93be89ca72acd0e9a4d3a26c Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Fri, 3 Jan 2020 22:04:00 +0300
Subject: Uninstall styled-components

---
 src/components/Header/Header.js |  1 -
 src/components/Timer/Timer.js   | 14 +++-----------
 2 files changed, 3 insertions(+), 12 deletions(-)

(limited to 'src')

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;
-- 
cgit v1.2.3