style(frontend): organize imports alphabetically and improve code formatting

This commit is contained in:
MythEclipse
2026-06-03 03:21:20 +07:00
parent 115dacb997
commit 4a1c7925fe
20 changed files with 101 additions and 100 deletions
@@ -1,6 +1,5 @@
import type { ActiveSpeaker } from "../../../shared/api/client";
import { Skeleton } from "../../../shared/ui";
import { EmptyStateMascot } from "../../../shared/ui";
import { EmptyStateMascot, Skeleton } from "../../../shared/ui";
interface ActiveSpeakersProps {
speakers: ActiveSpeaker[];
@@ -66,7 +66,11 @@ export function MusicSubPanel({
</span>
</div>
<div className="flex flex-wrap gap-2">
<Button className="bg-[#7EC8E3] text-white hover:bg-[#7EC8E3]/80" disabled={loading || !source.trim()} onClick={submit}>
<Button
className="bg-[#7EC8E3] text-white hover:bg-[#7EC8E3]/80"
disabled={loading || !source.trim()}
onClick={submit}
>
<Music2 className="mr-1.5 h-4 w-4" /> Queue
</Button>
<Button variant="secondary" disabled={loading} onClick={onSkip}>
@@ -2,8 +2,8 @@
import { Download, Mic } from "lucide-react";
import { useEffect, useState } from "react";
import { Badge, Button, EmptyStateMascot, Skeleton } from "../../../shared/ui";
import { formatBytes, formatDate } from "../../../shared/lib/utils";
import { Badge, Button, EmptyStateMascot, Skeleton } from "../../../shared/ui";
interface VoiceRecording {
id: string;
@@ -92,9 +92,7 @@ export function RecordingsSubPanel() {
}
if (recordings.length === 0) {
return (
<EmptyStateMascot variant="sleeping" message="No recordings yet~" />
);
return <EmptyStateMascot variant="sleeping" message="No recordings yet~" />;
}
return (
@@ -32,7 +32,11 @@ export function ScreenSubPanel({
placeholder="Screen share URL or local file path"
/>
<div className="flex flex-wrap gap-2">
<Button className="bg-[#7EC8E3] text-white hover:bg-[#7EC8E3]/80" disabled={loading || !source.trim()} onClick={submit}>
<Button
className="bg-[#7EC8E3] text-white hover:bg-[#7EC8E3]/80"
disabled={loading || !source.trim()}
onClick={submit}
>
<MonitorUp className="mr-1.5 h-4 w-4" /> Start
</Button>
<Button variant="secondary" disabled={loading} onClick={onSkip}>
@@ -56,7 +56,9 @@ export function VoiceConnectionCard({
/>
</div>
<div className="space-y-2">
<label className="text-sm font-medium text-foreground">Voice Channel</label>
<label className="text-sm font-medium text-foreground">
Voice Channel
</label>
<Select
value={selectedChannel}
onChange={(e) => onChannelChange(e.target.value)}