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>