diff --git a/page/src/Playground.tsx b/page/src/Playground.tsx index a426beb5..54955c3d 100644 --- a/page/src/Playground.tsx +++ b/page/src/Playground.tsx @@ -1,14 +1,7 @@ import { useState, useRef, useReducer } from "react"; import { Output } from "@/components/output"; -import { AppSidebar } from "@/components/app-sidebar"; import { Separator } from "@/components/ui/separator"; -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/components/ui/sidebar"; -import { Button } from "@/components/ui/button"; import { Emulator, UserFile, EmulationState } from "./emulator"; import { getFilesystem } from "./filesystem"; @@ -33,11 +26,6 @@ import { } from "react-bootstrap-icons"; import { StatusIndicator } from "@/components/status-indicator"; import { Header } from "./Header"; -import { - ResizableHandle, - ResizablePanel, - ResizablePanelGroup, -} from "@/components/ui/resizable"; import { DropdownMenu, @@ -48,6 +36,7 @@ import { DropdownMenuTrigger, DropdownMenuGroup, } from "@/components/ui/dropdown-menu"; +import { Button } from "@/components/ui/button"; function selectAndReadFile(): Promise { return new Promise((resolve, reject) => { @@ -136,85 +125,77 @@ export function Playground() { title="Playground - Sogen" description="Playground to test and run Sogen, the Windows user space emulator, right in your browser." /> - - - -
- - +
+
+ + + + + + Run Application + + + createEmulator()}> + + Select Sample + + loadAndRunUserFile()}> + + Select your .exe + + + + - {/* RUN */} + + - - - - - - Run Application - - - createEmulator()}> - - Select Sample - - loadAndRunUserFile()}> - - Select your .exe - - - - - - - - - - - - - - - - -
- -
-
-
- + + + + + + + + +
+
- - +
+
+ +
+ ); }