teidesu/mtcute-repl
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: improved ui for runner settings dropdown

Browse source
This commit is contained in:
alina 🌸 2025-01-24 08:03:20 +03:00
parent 216d62d81e
commit 386213c171
Signed by: teidesu
SSH key fingerprint: SHA256:uNeCpw6aTSU4aIObXLvHfLkDa82HWH9EiOj9AXOIRpI
1 changed files with 22 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
packages/repl/src/components/runner/Runner.tsx
View file

@ -4,7 +4,7 @@ import type { Setter } from 'solid-js'
import type { CustomTypeScriptWorker } from '../editor/utils/custom-worker.ts'
import { timers } from '@fuman/utils'
import { persistentAtom } from '@nanostores/persistent'
import { LucideCheck, LucidePlay, LucidePlug, LucideRefreshCw, LucideSkull, LucideUnplug } from 'lucide-solid'
import { LucideCheck, LucidePlay, LucidePlug, LucideRefreshCw, LucideSettings2, LucideSkull, LucideUnplug } from 'lucide-solid'
import { languages, Uri } from 'monaco-editor/esm/vs/editor/editor.api.js'
import { createEffect, createSignal, on, onCleanup, onMount } from 'solid-js'
import { Dynamic } from 'solid-js/web'
@ -268,14 +268,7 @@ export function Runner(props: {
</Button>
)}
<div class="flex-1" />
<DropdownMenu>
<DropdownMenuTrigger
as={(props: DropdownMenuTriggerProps) => (
<Button
variant="ghost"
size="xs"
{...props}
>
<div class="mr-2 flex items-center text-xs font-medium">
{{
offline: 'Disconnected',
connecting: 'Connecting...',
@ -292,6 +285,17 @@ export function Runner(props: {
}[connectionState()],
)}
/>
</div>
<DropdownMenu>
<DropdownMenuTrigger
as={(props: DropdownMenuTriggerProps) => (
<Button
variant="ghost"
size="icon"
class="size-7"
{...props}
>
<LucideSettings2 class="size-4" />
</Button>
)}
/>