2 files changed, 0 insertions, 197 deletions
diff --git a/src/containers/Feed/PollSubmission.tsx b/src/containers/Feed/PollSubmission.tsx
deleted file mode 100644
index faaf2bd..0000000
--- a/src/containers/Feed/PollSubmission.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useState } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Collapse from '@material-ui/core/Collapse';
-import {
-  Button,
-  Card,
-  ClickAwayListener,
-  Divider
-} from '@material-ui/core';
-import { Poll } from 'which-types';
-import { useSnackbar } from 'notistack';
-import axios from 'axios';
-
-import PollSubmissionImage from './PollSubmissionImage';
-import UserStrip from '../../components/UserStrip/UserStrip';
-import { get, post } from '../../requests';
-import { useAuth } from '../../hooks/useAuth';
-
-interface PropTypes{
-  addPoll: (poll: Poll) => void;
-}
-
-const useStyles = makeStyles(theme => ({
-  root: {
-    marginBottom: theme.spacing(4)
-  },
-  images: {
-    height: theme.spacing(50),
-    display: 'flex'
-  }
-}));
-
-const PollSubmission: React.FC<PropTypes> = ({ addPoll }) => {
-  const classes = useStyles();
-  const [expanded, setExpanded] = useState(false);
-  const [left, setLeft] = useState<File>();
-  const [right, setRight] = useState<File>();
-  const { enqueueSnackbar } = useSnackbar();
-  const { user } = useAuth();
-
-  const readyToSubmit = left && right;
-
-  const handleClickAway = () => {
-    setExpanded(false);
-  };
-
-  const uploadImage = (file?: File) => {
-    const headers = { 'Content-Type': 'image/png' };
-    return get('/files')
-      .then(response => response.data)
-      .then(uploadUrl => axios.put(uploadUrl, file, { headers }))
-      .then(response => {
-        const { config: { url } } = response;
-        return url && url.slice(0, url.indexOf('.png') + 4);
-      });
-  };
-
-  const handleClick = async () => {
-    if (expanded && readyToSubmit) {
-      const [leftUrl, rightUrl] = await Promise.all([uploadImage(left), uploadImage(right)]);
-
-      const contents = {
-        left: { url: leftUrl },
-        right: { url: rightUrl }
-      };
-
-      post('/polls/', { contents }).then(response => {
-        addPoll(response.data);
-        enqueueSnackbar('Your poll has been successfully created!', {
-          variant: 'success'
-        });
-      });
-    }
-    setExpanded(!expanded);
-  };
-
-  return (
-    <ClickAwayListener onClickAway={handleClickAway}>
-      <Card className={classes.root}>
-        <Collapse in={expanded} timeout="auto" unmountOnExit>
-          {user && <UserStrip user={user} info="" />}
-          <Divider />
-          <div className={classes.images}>
-            <PollSubmissionImage file={left} setFile={setLeft} />
-            <PollSubmissionImage file={right} setFile={setRight} />
-          </div>
-        </Collapse>
-        <Button
-          color="primary"
-          disabled={expanded && !readyToSubmit}
-          variant={expanded ? 'contained' : 'outlined'}
-          onClick={handleClick}
-          fullWidth
-        >
-          {expanded ? 'Submit' : 'Create a Poll'}
-        </Button>
-      </Card>
-    </ClickAwayListener>
-  );
-};
-
-export default PollSubmission;
diff --git a/src/containers/Feed/PollSubmissionImage.tsx b/src/containers/Feed/PollSubmissionImage.tsx
deleted file mode 100644
index cd67847..0000000
--- a/src/containers/Feed/PollSubmissionImage.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useFilePicker, utils } from 'react-sage';
-import { makeStyles } from '@material-ui/core/styles';
-import CloudUploadIcon from '@material-ui/icons/CloudUpload';
-import { CardActionArea, CardMedia, Typography } from '@material-ui/core';
-import CancelOutlinedIcon from '@material-ui/icons/CancelOutlined';
-
-interface PropTypes {
-  file: File | undefined;
-  setFile: (file: File | undefined) => void;
-}
-
-const useStyles = makeStyles({
-  root: {
-    display: 'flex',
-    justifyContent: 'center',
-    flexDirection: 'column',
-    alignItems: 'center'
-  },
-  clearIcon: {
-    opacity: '.5',
-    fontSize: 50
-  },
-  media: {
-    height: '100%',
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  text: {
-    textAlign: 'center'
-  }
-});
-
-
-const PollSubmissionImage: React.FC<PropTypes> = ({ file, setFile }) => {
-  const classes = useStyles();
-  const { files, onClick, HiddenFileInput } = useFilePicker();
-  const [url, setUrl] = useState<string>();
-  const [isMediaHover, setIsMediaHover] = useState(false);
-
-  const handleMouseEnter = (): void => {
-    setIsMediaHover(true);
-  };
-
-  const handleMouseLeave = (): void => {
-    setIsMediaHover(false);
-  };
-
-  useEffect(() => {
-    if (files?.length) {
-      const chosenFile = files[0];
-      setFile(chosenFile);
-      utils.loadFile(chosenFile).then(result => setUrl(result));
-    }
-  }, [files, setFile]);
-
-
-  const handleClick = () => {
-    if (file) {
-      setFile(undefined);
-    } else onClick();
-  };
-
-
-  const Upload = (
-    <>
-      <CloudUploadIcon fontSize="large" color="primary" />
-      <Typography variant="h5" className={classes.text}> Upload an image </Typography>
-      <HiddenFileInput accept=".jpg, .jpeg, .png, .gif" multiple={false} />
-    </>
-  );
-
-  const Media = (
-    <CardMedia
-      image={url}
-      className={classes.media}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
-      {isMediaHover && <CancelOutlinedIcon className={classes.clearIcon} />}
-    </CardMedia>
-  );
-
-  return (
-    <>
-      <CardActionArea onClick={handleClick} className={classes.root}>
-        {file ? (url && Media) : Upload}
-      </CardActionArea>
-    </>
-  );
-};
-
-export default PollSubmissionImage;