From 9f9b408f1fe0e8ea90f0ea6558a3a6863c03df4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sat, 4 Jul 2026 00:03:22 +0400
Subject: [PATCH] perf: streamer la liste des morceaux sans bloquer le rendu de
 la page

---
 app/paroles/layout.js                 | 20 +++-----------------
 components/teks/teks-drawer-loader.js | 13 +++++++++++++
 2 files changed, 16 insertions(+), 17 deletions(-)
 create mode 100644 components/teks/teks-drawer-loader.js

diff --git a/app/paroles/layout.js b/app/paroles/layout.js
index 3ee017d..63eccfa 100644
--- a/app/paroles/layout.js
+++ b/app/paroles/layout.js
@@ -1,7 +1,5 @@
 import {Suspense} from 'react'
-import {notFound} from 'next/navigation'
-import {jwennTeks} from '../../lib/oki-api'
-import TeksDrawer from '../../components/teks/teks-drawer'
+import TeksDrawerLoader from '../../components/teks/teks-drawer-loader'
 import {CurrentTrackProvider} from '../../components/teks/current-track-context'
 import Loading from './loading'
 
@@ -40,23 +38,11 @@ export const metadata = {
   }
 }
 
-async function jwennDotDone() {
-  const teks = await jwennTeks()
-
-  if (!teks) {
-    notFound()
-  }
-
-  return teks
-}
-
-export default async function PawolLayout({children}) {
-  const teks = await jwennDotDone()
-
+export default function PawolLayout({children}) {
   return (
     <CurrentTrackProvider>
       <Suspense fallback={<Loading />}>
-        <TeksDrawer paroles={teks} />
+        <TeksDrawerLoader />
       </Suspense>
       <section>
         {children}
diff --git a/components/teks/teks-drawer-loader.js b/components/teks/teks-drawer-loader.js
new file mode 100644
index 0000000..957ee20
--- /dev/null
+++ b/components/teks/teks-drawer-loader.js
@@ -0,0 +1,13 @@
+import {notFound} from 'next/navigation'
+import {jwennTeks} from '../../lib/oki-api'
+import TeksDrawer from './teks-drawer'
+
+export default async function TeksDrawerLoader() {
+  const teks = await jwennTeks()
+
+  if (!teks) {
+    notFound()
+  }
+
+  return <TeksDrawer paroles={teks} />
+}