Track page cleanup

src/components/Tracks.svelte

@@ -1,10 +1,8 @@
 <script>
   import { _, json } from "svelte-i18n";
   import TracksEmptyState from "./TracksEmptyState.svelte";
-  import store from "../store.js";
   import { TrackService } from "@odit/lfk-client-js";
-  let tracks_promise = TrackService.trackControllerGetAll();
-  //
+  const tracks_promise = TrackService.trackControllerGetAll();
   import { getlang } from "./datatable_i18n";
   import { Grid } from "gridjs";
   import "gridjs/dist/theme/mermaid.css";
@@ -13,10 +11,10 @@
   tracks_promise.then((data) => {
     let tabledata = [];
     data.forEach((track) => {
-      tabledata.push([track.name, track.distance, "blablub"]);
+      tabledata.push([track.name, track.distance, "TODO: edit,delete"]);
     });
     const datatable = new Grid({
-      columns: ["Name", "Track Length in m", "Action"],
+      columns: [$_("track-name"), $_("track-length-in-m"), "Action"],
       language: getlang($json("datatable")),
       sort: true,
       search: { enabled: true },
@@ -27,10 +25,10 @@
         summary: false,
       },
     });
+    table_visible = true;
     setTimeout(() => {
       datatable.render(table);
-    }, 150);
-    table_visible = true;
+    }, 10);
   });
   let table_visible = false;
 </script>

src/locales/en.json

@@ -54,7 +54,7 @@
   "general_promise_error": "😢 Error",
   "add-your-first-track": "Add your first track",
   "no-tracks-added-yet": "there are no tracks added yet.",
-  "track-length-in-m": "Track length in m",
+  "track-length-in-m": "Track Length in m",
   "track-name": "Track name",
   "please-provide-the-required-information-to-add-a-new-track": "Please provide the required information to add a new track.",
   "create-a-new-track": "Create a new Track"