feat: download

- able to download file from express

client/src/features/editors/Editor.jsx

@@ -9,6 +9,8 @@ import { useDisclosure } from '@chakra-ui/hooks';
 import SettingsModal from '../modals/SettingsModal';
 import SettingsIconBtn from 'common/components/buttons/SettingsIconBtn';
 import { useEffect } from 'react';
+import DownloadIconBtn from 'common/components/buttons/DownloadIconBtn';
+import { downloadEvents } from 'app/api/eventsApi';
 
 export default function Editor() {
   const { isOpen, onOpen, onClose } = useDisclosure();
@@ -18,6 +20,11 @@ export default function Editor() {
     document.title = 'ontime - Editor';
   }, []);
 
+  const handleDownload = () => {
+    console.log('debug download');
+    downloadEvents();
+  };
+
   return (
     <>
       <SettingsModal isOpen={isOpen} onClose={onClose} />
@@ -67,6 +74,7 @@ export default function Editor() {
         <Box className={styles.settings}>
           <div className={styles.content}>
             <SettingsIconBtn size='md' clickhandler={onOpen} />
+            <DownloadIconBtn size='md' clickhandler={handleDownload} />
           </div>
         </Box>
       </div>

client/src/features/editors/Editor.module.css

@@ -101,6 +101,12 @@
   padding-top: 1.5em;
 }
 
+.settings > .content {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+}
+
 .cornerButtonContainer {
   position: relative;
   top: -4.5em;