aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorilyayudovin <ilyayudovin123@gmail.com>2020-06-29 17:42:29 +0300
committerilyayudovin <ilyayudovin123@gmail.com>2020-06-29 17:42:29 +0300
commitb0a5c3d78d207a8bec15a7989c81384ee52c94a5 (patch)
tree46c3007f11641aafef53036ba0821fa3df46c559 /src
parent856522da17348e54b0d390f10772c21b4029e9bd (diff)
downloadwhich-ui-b0a5c3d78d207a8bec15a7989c81384ee52c94a5.tar.gz
chage clearIcon design
Diffstat (limited to 'src')
-rw-r--r--src/pages/FeedPage/PollSubmission.tsx2
-rw-r--r--src/pages/FeedPage/PollSubmissionImage.tsx8
2 files changed, 5 insertions, 5 deletions
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>