From d879be824d5d3f58a8604ee073adb572d6d181a5 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Thu, 5 Feb 2026 15:24:52 +0100
Subject: [PATCH] Update App.tsx

---
 src/renderer/src/App.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index b31a3e2..9821426 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -3,12 +3,14 @@ import './styles/index.css'
 import Versions from './components/Versions'
 import { useEffect, useState } from 'react';
 import GameArea, { Game } from './components/GameArea';
+import { Dialog } from './components/Dialog';
 
 function App(): JSX.Element {
   const [games, setGames] = useState<Game[]>([]);
+  const [showDialog, setShowDialog] = useState(false);
 
   async function getAllGames() {
-    const data = await window.electron.ipcRenderer.invoke('game:getAll');
+    const data = await window["Umbra"].getGames();
   
     console.log(data)
     if (data) {
@@ -22,6 +24,15 @@ function App(): JSX.Element {
 
   return (
     <>
+      <button onClick={() => setShowDialog(true)}>Open</button>
+      {showDialog && (
+        <Dialog
+          showCloseButton={true}
+          onClose={() => setShowDialog(false)}
+        >
+          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequuntur, optio qui quas impedit magni eos, provident ducimus recusandae nostrum eius, ratione tempore ex in blanditiis? Accusamus omnis delectus repudiandae.</p>
+        </Dialog>
+      )}
       <div className='appWrapper'>
         <div className="sidebar">
           <div style={{ height: '600px' }}></div>