Starting to add some style to trksegs.

src/components/gpx-import/GpxImport.tsx

@@ -25,22 +25,30 @@ const GpxImport: Component = () => {
         console.log(fileReader.result);
         const gpx = GPX.parse(fileReader.result);
         console.log(`gpx: ${JSON.stringify(gpx)}`);
-        const startTime = new Date(findStartTime(gpx)!);
-        dispatch({
-          action: 'pruneAndSaveImportedGpx',
-          params: {
-            id: { gpx: intToGpxId(startTime.valueOf()) },
-            gpx: gpx,
-            tech: {
-              lastModified: new Date(file.lastModified).toISOString(),
-              importDate: new Date().toISOString(),
-              name: file.name,
-              size: file.size,
-              type: file.type,
+        if (gpx) {
+          const startTime = new Date(findStartTime(gpx)!);
+          dispatch({
+            action: 'pruneAndSaveImportedGpx',
+            params: {
+              id: { gpx: intToGpxId(startTime.valueOf()) },
+              gpx: gpx,
+              tech: {
+                lastModified: new Date(file.lastModified).toISOString(),
+                importDate: new Date().toISOString(),
+                name: file.name,
+                size: file.size,
+                type: file.type,
+              },
             },
-          },
-        });
-        refetchGpxList();
+          });
+          refetchGpxList();
+        } else {
+          console.error({
+            message: "can't parse GPX file",
+            xml: fileReader.result,
+          });
+        }
+        // TODO: error handling
       },
       false
     );