CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(LanguageSelector): add loading state for hydration

Browse Source
This commit is contained in:
cfngc4594 2025-03-20 15:41:00 +08:00
parent 7051f57204
commit 5db172fce3
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/features/playground/workspace/editor/components/language-selector.tsx
View File

@ -7,11 +7,16 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { Loading } from "@/components/loading";
import { useProblemEditor } from "@/hooks/use-problem-editor";
import { EditorLanguageIcons } from "@/config/editor-language-icons";
export default function LanguageSelector() {
const { currentLang, changeLang, editorLanguageConfigs } = useProblemEditor();
export function LanguageSelector() {
const { hydrated, currentLang, changeLang, editorLanguageConfigs } = useProblemEditor();
if (!hydrated) {
return <Loading className="h-6 w-16 p-0" skeletonClassName="rounded-2xl" />
}
return (
<Select value={currentLang} onValueChange={changeLang}>