From 709fc75cdf91bcabac41573da5c36fe0cf72f869 Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123.@mail.com>
Date: Sun, 7 Jun 2020 00:40:37 +0300
Subject: refactor: change names and imports

---
 src/PollCard/PollCard.tsx             | 44 +++++++++++++++++++++++++++++++++++
 src/index.tsx                         |  4 ++--
 src/poll-component/poll-component.tsx | 43 ----------------------------------
 3 files changed, 46 insertions(+), 45 deletions(-)
 create mode 100644 src/PollCard/PollCard.tsx
 delete mode 100644 src/poll-component/poll-component.tsx

diff --git a/src/PollCard/PollCard.tsx b/src/PollCard/PollCard.tsx
new file mode 100644
index 0000000..24ad3eb
--- /dev/null
+++ b/src/PollCard/PollCard.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import {makeStyles} from '@material-ui/core/styles';
+import Card from '@material-ui/core/Card';
+import CardActionArea from '@material-ui/core/CardActionArea';
+import CardActions from '@material-ui/core/CardActions';
+import CardContent from '@material-ui/core/CardContent';
+import CardMedia from '@material-ui/core/CardMedia';
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+
+const useStyles = makeStyles({
+  root: {
+    maxWidth: 600,
+    height: 500,
+    margin: '20px auto',
+  },
+  images: {
+    height: 400,
+    width: 300,
+    margin:'20px 0',
+  },
+  imagesBlock: {
+    display:'flex',
+  }
+});
+
+const PollCard: React.FC  = () =>{
+  const classes = useStyles();
+
+  return (
+    <Card className={classes.root}>
+      <CardActionArea>
+        <div className={classes.imagesBlock}>
+          <CardMedia className={classes.images}
+                     image='https://images.pexels.com/photos/556666/pexels-photo-556666.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'/>
+          <CardMedia className={classes.images}
+                     image='https://cdn.psychologytoday.com/sites/default/files/field_blog_entry_images/2019-06/pexels-photo-556667.jpeg'/>
+        </div>
+      </CardActionArea>
+
+    </Card>
+  );
+}
+export default PollCard;
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index e2d631d..0ad62e0 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -7,7 +7,7 @@ import teal from '@material-ui/core/colors/teal';
 import 'typeface-roboto';
 
 import Header from './Header/Header';
-import MediaCard from './poll-component/poll-component';
+import PollCard from './PollCard/PollCard';
 
 const theme = createMuiTheme({
   palette: {
@@ -28,7 +28,7 @@ const App: React.FC = () => {
     <ThemeProvider theme={theme}>
       <CssBaseline />
       <Header page={page} setPage={setPage} />
-      <MediaCard/>
+      <PollCard/>
     </ThemeProvider>
   );
 };
diff --git a/src/poll-component/poll-component.tsx b/src/poll-component/poll-component.tsx
deleted file mode 100644
index 13d65c5..0000000
--- a/src/poll-component/poll-component.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import {makeStyles} from '@material-ui/core/styles';
-import Card from '@material-ui/core/Card';
-import CardActionArea from '@material-ui/core/CardActionArea';
-import CardActions from '@material-ui/core/CardActions';
-import CardContent from '@material-ui/core/CardContent';
-import CardMedia from '@material-ui/core/CardMedia';
-import Button from '@material-ui/core/Button';
-import Typography from '@material-ui/core/Typography';
-
-const useStyles = makeStyles({
-  root: {
-    maxWidth: 600,
-    height: 500,
-    margin: '20px auto',
-  },
-  images: {
-    height: 400,
-    width: 300,
-    margin:'20px 0',
-  },
-  imagesBlock: {
-    display:'flex',
-  }
-});
-
-export default function MediaCard() {
-  const classes = useStyles();
-
-  return (
-    <Card className={classes.root}>
-      <CardActionArea>
-        <div className={classes.imagesBlock}>
-          <CardMedia className={classes.images}
-                     image='https://images.pexels.com/photos/556666/pexels-photo-556666.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'/>
-          <CardMedia className={classes.images}
-                     image='https://cdn.psychologytoday.com/sites/default/files/field_blog_entry_images/2019-06/pexels-photo-556667.jpeg'/>
-        </div>
-      </CardActionArea>
-
-    </Card>
-  );
-}
\ No newline at end of file
-- 
cgit v1.2.3