Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(run-code): add tooltip to button for better UX

Browse Source
This commit is contained in:
cfngc4594 2025-03-13 10:48:01 +08:00
parent 574a98e58e
commit b78547a992
1 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/run-code.tsx
View File

@ -6,6 +6,7 @@ import { judge } from "@/app/actions/judge";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { LoaderCircleIcon, PlayIcon } from "lucide-react"; import { LoaderCircleIcon, PlayIcon } from "lucide-react";
import { useCodeEditorStore } from "@/store/useCodeEditorStore"; import { useCodeEditorStore } from "@/store/useCodeEditorStore";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
interface RunCodeProps { interface RunCodeProps {
className?: string; className?: string;
@ -36,6 +37,9 @@ export default function RunCode({
}; };
return ( return (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button <Button
{...props} {...props}
variant="secondary" variant="secondary"
@ -54,5 +58,9 @@ export default function RunCode({
)} )}
{isLoading ? "Running..." : "Run"} {isLoading ? "Running..." : "Run"}
</Button> </Button>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">Run Code</TooltipContent>
</Tooltip>
</TooltipProvider>
); );
} }