refactor: change names and imports

2 files changed, 5 insertions, 4 deletions

diff --git a/src/poll-component/poll-component.tsx b/src/PollCard/PollCard.tsx
index 13d65c5..24ad3eb 100644
--- a/src/poll-component/poll-component.tsx
+++ b/src/PollCard/PollCard.tsx
@@ -24,7 +24,7 @@ const useStyles = makeStyles({
   }
 });
 
-export default function MediaCard() {
+const PollCard: React.FC  = () =>{
   const classes = useStyles();
 
   return (
@@ -40,4 +40,5 @@ export default function MediaCard() {
 
     </Card>
   );
-}
\ No newline at end of file
+}
+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>
   );
 };