Feat/excel (#45)

* add dependency

adding dependency to parse the excel file in the node side

* import file

ability to import file
- add extension
- safeguard file type and size

* user is able to upload json or excel

* chore: extract logic into self contained function

* associate model with version

* test id generation

* parse excel data

* prevent UI crash on bad data

* extract validation into self contained function

* chore: add more tests for bad data

* config: stop from opening browser on start

* fix comma in sample db

* handle corrupt files

* error boundary around main components

* jsdocs

* increase id length

* parse excel time string

* feat: excel parsing

* validate json db before import

* chore: test event validator

* feat: make function to clean convert strings

* chore: test parser

* chore: jsdocs

* fix: bug on upload

prevent bug where the component would prevent upload of same file twice

client/src/features/editors/list/EventListWrapper.jsx

@@ -1,5 +1,5 @@
 import { useMutation, useQueryClient } from 'react-query';
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import {
   fetchAllEvents,
   requestPatch,
@@ -26,6 +26,7 @@ export default function EventListWrapper() {
     EVENTS_TABLE,
     fetchAllEvents
   );
+  const [events, setEvents] = useState(null);
 
   const addEvent = useMutation(requestPost, {
     // we optimistically update here
@@ -327,11 +328,17 @@ export default function EventListWrapper() {
     [data]
   );
 
+  // Front end should handle bad arguments
+  useEffect(() => {
+    if (data == null) return;
+    setEvents(data.filter((d) => Object.keys(d).length > 0));
+  }, [data]);
+
   return (
     <>
       <EventListMenu eventsHandler={eventsHandler} />
-      {status === 'success' ? (
-        <EventList events={data} eventsHandler={eventsHandler} />
+      {status === 'success' && events != null ? (
+        <EventList events={events} eventsHandler={eventsHandler} />
       ) : (
         <Empty text='Connecting to server' />
       )}