Add calendar file upload

1 files changed, 18 insertions, 0 deletions

diff --git a/modern/src/settings/CalendarPage.js b/modern/src/settings/CalendarPage.js
index de714c36..60d4ef76 100644
--- a/modern/src/settings/CalendarPage.js
+++ b/modern/src/settings/CalendarPage.js
@@ -4,6 +4,7 @@ import {
   Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography,
 } from '@material-ui/core';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { DropzoneArea } from 'material-ui-dropzone';
 import EditItemView from '../EditItemView';
 import EditAttributesView from '../attributes/EditAttributesView';
 import { useTranslation } from '../LocalizationProvider';
@@ -20,6 +21,19 @@ const CalendarPage = () => {
 
   const [item, setItem] = useState();
 
+  const handleFiles = (files) => {
+    if (files.length > 0) {
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        const { result } = event.target;
+        setItem({ ...item, data: result.substr(result.indexOf(',') + 1) });
+      };
+      reader.readAsDataURL(files[0]);
+    } else {
+      setItem({ ...item, data: null });
+    }
+  };
+
   return (
     <EditItemView endpoint="calendars" item={item} setItem={setItem}>
       {item
@@ -39,6 +53,10 @@ const CalendarPage = () => {
                 label={t('sharedName')}
                 variant="filled"
               />
+              <DropzoneArea
+                filesLimit={1}
+                onChange={handleFiles}
+              />
             </AccordionDetails>
           </Accordion>
           <Accordion>