Parsing GPX files.

src/components/map/gpx-import.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 
-import { Geolocation } from '@awesome-cordova-plugins/geolocation';
 import { useDispatch } from 'react-redux';
 
-import { mapActions } from '../../store/map';
+import GPX from '../../lib/gpx-parser-builder';
 
 import '../../theme/get-location.css';
 import { IonIcon, IonItem } from '@ionic/react';
 import { downloadSharp } from 'ionicons/icons';
+import { tracksActions } from '../../store/tracks';
 
 const GpxImport: React.FC<{}> = () => {
   const dispatch = useDispatch();
@@ -23,6 +23,8 @@ const GpxImport: React.FC<{}> = () => {
       () => {
         // this will then display a text file
         console.log(fileReader.result);
+        const track = GPX.parse(fileReader.result);
+        dispatch(tracksActions.push(JSON.parse(JSON.stringify(track))));
       },
       false
     );