Lightemerald/windows-user-space-emulator
2
0
Fork 0
mirror of https://github.com/momo5502/emulator.git synced 2026-01-27 15:11:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switch icons

Browse Source
This commit is contained in:
momo5502
2025-04-21 19:46:36 +02:00
parent ad5e55a804
commit 4641d60bb1
4 changed files with 59 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
page/src/App.tsx
View File

@@ -20,7 +20,7 @@ import { Popover, PopoverContent, PopoverTrigger } from './components/ui/popover
import { createDefaultSettings } from './settings';
import { SettingsMenu } from './components/settings-menu';
import { PlayIcon, GearIcon, StopIcon } from "@radix-ui/react-icons";
import { PlayFill, StopFill, GearFill } from 'react-bootstrap-icons';
import { StatusIndicator } from './components/status-indicator'
function selectAndReadFile(): Promise<UserFile> {
@@ -99,13 +99,13 @@ function App() {
<header className="flex h-16 shrink-0 items-center gap-2 border-b px-4 overflow-y-auto">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
<Button onClick={() => createEmulator()}><PlayIcon /> Run Sample</Button>
<Button onClick={() => loadAndRunUserFile()}><PlayIcon /> Run your .exe</Button>
<Button variant="secondary" onClick={() => emulator?.stop()}><StopIcon /> Stop Emulation</Button>
<Button onClick={() => createEmulator()}><PlayFill /> Run Sample</Button>
<Button onClick={() => loadAndRunUserFile()}><PlayFill /> Run your .exe</Button>
<Button variant="secondary" onClick={() => emulator?.stop()}><StopFill /> Stop Emulation</Button>
<Popover>
<PopoverTrigger asChild>
<Button variant="secondary"><GearIcon /> Settings</Button>
<Button variant="secondary"><GearFill /> Settings</Button>
</PopoverTrigger>
<PopoverContent>
<SettingsMenu settings={settings} onChange={setSettings} />

4
page/src/components/status-indicator.tsx
View File

@@ -1,5 +1,5 @@
import { Badge } from '@/components/ui/badge'
import { CircleIcon } from '@radix-ui/react-icons';
import { CircleFill } from 'react-bootstrap-icons';
export interface StatusIndicatorProps {
running: boolean;
@@ -16,6 +16,6 @@ export function StatusIndicator(props: StatusIndicatorProps) {
}
return (
<Badge variant="outline"><CircleIcon className={getColor() + " rounded-full mr-1 n duration-200 ease-in-out"} color='transparent' />{getText()}</Badge>
<Badge variant="outline"><CircleFill className={getColor() + " rounded-full mr-1 n duration-200 ease-in-out"} color='transparent' />{getText()}</Badge>
);
}