CodeSandBox/judge4c
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(language-selector): add loading state with skeleton component for improved user experience

Browse Source
This commit is contained in:
cfngc4594 2025-02-26 15:58:32 +08:00
parent e00741e48c
commit 3111d58b3c
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
View File

@ -7,11 +7,16 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { Skeleton } from "@/components/ui/skeleton";
import { useCodeEditorState } from "@/store/useCodeEditor";
import { SUPPORTED_LANGUAGES } from "@/constants/language";
export default function LanguageSelector() {
const { language, setLanguage } = useCodeEditorState();
const { loading, language, setLanguage } = useCodeEditorState();
if (loading) {
return <Skeleton className="h-6 w-16 rounded-2xl" />;
}
return (
<Select value={language} onValueChange={setLanguage}>