UniveralList

002.FRONTEND/src/pages/index.astro

@@ -2,11 +2,9 @@
 // src/pages/index.astro
 import Layout from "../layouts/Layout.astro";
 import siteConfig from "../data/site.json";
-import { getRadniNalozi, getVozila } from "../lib/api";
-import RadniNalogLista from '../components/RadniNalogLista.jsx';
-
-const nalozi = await getRadniNalozi();
-const vozila = await getVozila();
+import RadniNalogLista from '../components/lista/RadniNalogLista.jsx';
+import FleetStrojeviLista from '../components/lista/FleetStrojeviLista.jsx';
+import FleetVozilaLista from "../components/lista/FleetVozilaLista";
 ---
 
 <Layout title="Dashboard">
@@ -18,19 +16,18 @@ const vozila = await getVozila();
   <main class="dashboard-grid">
     <section>
       <h2>Radni nalozi</h2>
-      <RadniNalogLista client:load nalozi={nalozi} limit={5} />
+      {/* client:only osigurava da se lista sama dohvati u pregledniku */}
+      <RadniNalogLista client:only="preact" limit={5} />
     </section>
 
     <section>
       <h2>Stanje flote</h2>
-      <div>
-        <p>Ukupno vozila: {vozila.length}</p>
-        <ul>
-          {vozila.map((vozilo) => (
-            <li>{vozilo.marka} {vozilo.model} ({vozilo.registracija})</li>
-          ))}
-        </ul>
-      </div>
+      <FleetStrojeviLista client:only="preact" limit={5} />
+    </section>
+
+    <section>
+      <h2>Stanje flote</h2>
+      <FleetVozilaLista client:only="preact" limit={5} />
     </section>
   </main>
 </Layout>