created getTimeFromParts and consolidated to one new page

src/routes.ts

@@ -19,10 +19,6 @@ const routes = [
     path: '/events/:eventKey/matches/:matchKey/scout',
     component: () => import('./routes/scout'),
   },
-  {
-    path: '/events/:eventKey/match-creator',
-    component: () => import('./routes/match-creator'),
-  },
   {
     path: '/events/:eventKey/match-editor',
     component: () => import('./routes/match-editor'),

src/routes/match-editor.tsx

@@ -6,7 +6,7 @@ import { Form } from '@/components/form'
 import Page from '@/components/page'
 import TextInput from '@/components/text-input'
 import { route } from '@/router'
-import { getTimeFromParts } from '@/utils/use-time-from-parts'
+import { getTimeFromParts } from '@/utils/get-time-from-parts'
 import { css } from 'linaria'
 import { useState } from 'preact/hooks'
 
@@ -36,7 +36,7 @@ const EditorForm = ({ eventKey }: { eventKey: string }) => {
     createEventMatch(eventKey, {
       redAlliance: teamList.slice(0, 3),
       blueAlliance: teamList.slice(3, 6),
-      time: getTimeFromParts(day, time, eventKey),
+      time: getTimeFromParts(day, time),
       key: `qm${matchNumber}`,
     })
       .then(() => route(`/events/${eventKey}`))
@@ -67,16 +67,19 @@ const EditorForm = ({ eventKey }: { eventKey: string }) => {
             }}
           />
           <Button disabled={isLoading || !isValid}>
-            {isLoading ? 'Creating Match' : 'Create Match'}
+            {isLoading ? 'Saving Match Information' : 'Save Match'}
           </Button>
         </>
       )}
     </Form>
   )
 }
 
-const MatchCreator = ({ eventKey }: { eventKey: string }) => (
-  <Page name="Create Match" back={`/events/${eventKey}`}>
+const MatchEditor = ({ eventKey }: { eventKey: string }) => (
+  <Page
+    name={need ? 'Create Match' : 'Edit Match'}
+    back={`/events/${eventKey}`}
+  >
     <Card class={cardStyle}>
       <ErrorBoundary>
         <EditorForm eventKey={eventKey} />
@@ -85,4 +88,4 @@ const MatchCreator = ({ eventKey }: { eventKey: string }) => (
   </Page>
 )
 
-export default MatchCreator
+export default MatchEditor

src/utils/get-time-from-parts.ts

@@ -0,0 +1,11 @@
+export const getTimeFromParts = (date: string, time: string) => {
+  const now = new Date(Date.now())
+  if (date.length !== 5 || time.length !== 5) return now.toISOString()
+
+  const month = Number.parseInt(date.slice(0, 2))
+  const day = Number.parseInt(date.slice(3, 5))
+  const hour = Number.parseInt(time.slice(0, 2))
+  const minute = Number.parseInt(time.slice(3, 5))
+  const inputDate = new Date(now.getFullYear(), month, day, hour, minute)
+  return inputDate.toISOString()
+}