From b8d389044bcd55bf8bb2d3556aeca67eb4fd60b7 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Sun, 5 Jan 2025 16:19:42 +0800
Subject: [PATCH] feat(playground): add LSP badge to language tabs in the
 editor

---
 src/app/(main)/play/page.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/(main)/play/page.tsx b/src/app/(main)/play/page.tsx
index 6533533..fadd680 100644
--- a/src/app/(main)/play/page.tsx
+++ b/src/app/(main)/play/page.tsx
@@ -13,6 +13,7 @@ import {
 } from "@/constants/editor/themes";
 import { Palette } from "lucide-react";
 import * as monaco from "monaco-editor";
+import { Badge } from "@/components/ui/badge";
 import { files } from "@/constants/editor/files";
 import { useEffect, useRef, useState } from "react";
 import { Editor, loader } from "@monaco-editor/react";
@@ -77,6 +78,9 @@ export default function PlayPage() {
                   aria-hidden="true"
                 />
                 C
+                <Badge className="ms-1.5 transition-opacity group-data-[state=inactive]:opacity-50">
+                  LSP
+                </Badge>
               </TabsTrigger>
               <TabsTrigger
                 value="cpp"
@@ -91,6 +95,9 @@ export default function PlayPage() {
                   aria-hidden="true"
                 />
                 C++
+                <Badge className="ms-1.5 transition-opacity group-data-[state=inactive]:opacity-50">
+                  LSP
+                </Badge>
               </TabsTrigger>
               <TabsTrigger
                 value="java"