ui/src/lib/Views.svelte

@@ -2,18 +2,15 @@
     import {PeriodRecord} from './Models.svelte.js'
     import TablePagination from "$lib/TablePagination.svelte";
 
-    /**
+    let { promise, title } = $props();
-     * @type {{ promise: Promise<object>; title: string;}}
-     */
-    let {params} = $props();
     /** @type PeriodRecord[] **/
     let records = $state([])
     /** @type PeriodRecord[] **/
     let actual_records = $state([])
     let isLoading = $state(true)
-    const init = async () => await params.promise.then(
+    const init = async () => await promise.then(
         /**
-         * @param {Array<object>} data
+         * @param {Array<{ workingDays: Number; totalHours: any; overtime: string; period: string; }>} data
          */
         data => {
             records = data.map(row => new PeriodRecord(row))
@@ -24,12 +21,12 @@
 </script>
 
 <svelte:head>
-    <title>{params.title}</title>
+    <title>{title}</title>
 </svelte:head>
 
 <section id="list-records">
     <header>
-        <h1>{params.title}</h1>
+        <h1>{title}</h1>
     </header>
     <article>
         {#if isLoading === true}

ui/src/routes/views/monthly/+page.svelte

@@ -3,5 +3,5 @@
     let { data } = $props();
 </script>
 
-<Views params={data}/>
+<Views {...data}/>
 

ui/src/routes/views/weekly/+page.svelte

@@ -3,5 +3,5 @@
     let { data } = $props();
 </script>
 
-<Views params={data}/>
+<Views {...data}/>
 

ui/src/routes/views/yearly/+page.svelte

@@ -3,5 +3,5 @@
     let { data } = $props();
 </script>
 
-<Views params={data}/>
+<Views {...data}/>