From b0a5c3d78d207a8bec15a7989c81384ee52c94a5 Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Mon, 29 Jun 2020 17:42:29 +0300
Subject: chage clearIcon design

---
 src/pages/FeedPage/PollSubmission.tsx      | 2 +-
 src/pages/FeedPage/PollSubmissionImage.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/pages/FeedPage/PollSubmission.tsx b/src/pages/FeedPage/PollSubmission.tsx
index 3a73d45..56c4242 100644
--- a/src/pages/FeedPage/PollSubmission.tsx
+++ b/src/pages/FeedPage/PollSubmission.tsx
@@ -77,7 +77,7 @@ const PollSubmission: React.FC<PropTypes> = ({ user, polls, setPolls }) => {
             <PollSubmissionImage which="right" setContents={setContents} contents={contents} />
           </CardMedia>
         </Collapse>
-        <Button onClick={handleClick} color="primary" variant="outlined" className={classes.button}>
+        <Button onClick={handleClick} color="primary" variant={expanded ? "contained" : "outlined" } className={classes.button}>
           {
           !expanded
             ? 'Create a Poll'
diff --git a/src/pages/FeedPage/PollSubmissionImage.tsx b/src/pages/FeedPage/PollSubmissionImage.tsx
index e29ecd0..2dadbee 100644
--- a/src/pages/FeedPage/PollSubmissionImage.tsx
+++ b/src/pages/FeedPage/PollSubmissionImage.tsx
@@ -2,9 +2,9 @@ import React, { useState } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import CloudUploadIcon from '@material-ui/icons/CloudUpload';
 import { CardActionArea, CardMedia } from '@material-ui/core';
-import ClearIcon from '@material-ui/icons/Clear';
 import UploadImage from '../../components/UploadImage/UploadImage';
 import { Contents } from './types';
+import CancelOutlinedIcon from '@material-ui/icons/CancelOutlined';
 
 interface PropTypes {
   contents: Contents;
@@ -23,8 +23,8 @@ const useStyles = makeStyles(theme => ({
     boxShadow: 'inset 0 0 10px;'
   },
   clearIcon: {
-    opacity: '.4',
-    fontSize: 130
+    opacity: '.5',
+    fontSize: 100
   }
 }));
 
@@ -67,7 +67,7 @@ const PollSubmissionImage: React.FC<PropTypes> = ({ setContents, which, contents
             image === ''
               ? <CloudUploadIcon fontSize="large" color="primary" />
               : clearIconDisplay
-                ? <ClearIcon className={classes.clearIcon} color="primary" />
+                ? <CancelOutlinedIcon className={classes.clearIcon}  />
                 : null
           }
         </CardMedia>
-- 
cgit v1.2.3