diff options
author | eug-vs <eug-vs@keemail.me> | 2020-08-13 20:50:31 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2020-08-13 20:50:31 +0300 |
commit | 4109cd1b2fca7e4934f0aba1c3a7fabab62270bb (patch) | |
tree | 4b01a1900f4afe90d415e168cd08d5c26bd5721f /src/components/UploadImage | |
parent | f62b506a05e4024d15a68a7441f320bae557df06 (diff) | |
download | which-ui-4109cd1b2fca7e4934f0aba1c3a7fabab62270bb.tar.gz |
feat: create AttachLink component
Diffstat (limited to 'src/components/UploadImage')
-rw-r--r-- | src/components/UploadImage/UploadImage.tsx | 76 |
1 files changed, 0 insertions, 76 deletions
diff --git a/src/components/UploadImage/UploadImage.tsx b/src/components/UploadImage/UploadImage.tsx deleted file mode 100644 index 238d5cd..0000000 --- a/src/components/UploadImage/UploadImage.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState } from 'react'; -import { - Button, - TextField, - Dialog, - DialogActions, - DialogContent, - DialogContentText, - DialogTitle -} from '@material-ui/core'; - -interface PropTypes { - isOpen: boolean; - setIsOpen: (value: boolean) => void; - callback: (url: string) => void; -} - -const UploadImage: React.FC<PropTypes> = ({ setIsOpen, isOpen, callback }) => { - const [url, setUrl] = useState<string>(''); - - const handleClose = () => { - setIsOpen(false); - }; - - const handleSubmit = () => { - let result = url; - if (url.startsWith('https://www.instagram.com/')) { - const match = url.match('/p/(.*)/'); - const id = match && match[1]; - result = `https://www.instagram.com/p/${id}/media/?size=l`; - } else if (url.startsWith('https://drive.google.com/')) { - const match = url.match('/d/(.*)/'); - const fileId = match && match[1]; - result = `https://drive.google.com/uc?export=view&id=${fileId}`; - } - callback(result || ''); - handleClose(); - }; - - const handleChange = (event:React.ChangeEvent<HTMLInputElement>) => { - setUrl(event.target.value); - }; - - return ( - <div> - <Dialog open={isOpen} onClose={handleClose}> - <DialogTitle>Upload an Image</DialogTitle> - <DialogContent> - <DialogContentText> - Unfortunetly we do not support uploading images yet. Please provide a valid URL to your image: - </DialogContentText> - <TextField - autoFocus - margin="dense" - id="name" - label="Image URL" - type="text" - fullWidth - autoComplete="off" - onChange={handleChange} - /> - </DialogContent> - <DialogActions> - <Button onClick={handleClose} color="primary"> - Cancel - </Button> - <Button onClick={handleSubmit} color="primary" disabled={!url.length}> - Submit - </Button> - </DialogActions> - </Dialog> - </div> - ); -}; - -export default UploadImage; |