From a5b2fcac34d9de8fa8149c4907de6a3c5abcaba2 Mon Sep 17 00:00:00 2001
From: Leopoldadmin <leopold.hammerschmidt@media-on.de>
Date: Mon, 22 Jun 2026 23:13:58 +0000
Subject: [PATCH] T20: Pass yjsDocRef to RibbonBar in App.tsx

---
 frontend/src/App.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index c49bf91..ea47e30 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -34,15 +34,15 @@ function AppContent() {
 
   return (
     <div className={`app-container ${theme}`} data-theme={theme}>
-      <RibbonBar onTabChange={handleRibbonTabChange} />
+      <RibbonBar onTabChange={handleRibbonTabChange} yjsDoc={yjsDocRef} />
       <div className="main-content">
         <CanvasArea ref={canvasRef} />
         <SidePanel canvasRef={canvasRef} yjsDoc={yjsDocRef} />
       </div>
       <CommandLine />
       <StatusBar />
-      <button 
-        className="theme-toggle-button" 
+      <button
+        className="theme-toggle-button"
         onClick={toggleTheme}
         aria-label={`Switch to ${theme === 'dark' ? 'light' : 'dark'} theme`}
       >
@@ -60,4 +60,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;