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(workspace-editor-footer): add error and warning marker count

Browse Source
This commit is contained in:
cfngc4594 2025-03-25 13:18:41 +08:00
parent 4736f77cbf
commit 1de4396eaa
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/features/playground/workspace/editor/components/footer.tsx
View File

@ -2,7 +2,9 @@
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { MarkerSeverity } from "monaco-editor";
import { useProblem } from "@/hooks/use-problem"; import { useProblem } from "@/hooks/use-problem";
import { CircleXIcon, TriangleAlertIcon } from "lucide-react";
interface WorkspaceEditorFooterProps { interface WorkspaceEditorFooterProps {
className?: string; className?: string;
@ -12,7 +14,7 @@ export function WorkspaceEditorFooter({
className, className,
...props ...props
}: WorkspaceEditorFooterProps) { }: WorkspaceEditorFooterProps) {
const { editor } = useProblem(); const { editor, markers } = useProblem();
const [position, setPosition] = useState<{ lineNumber: number; column: number } | null>(null); const [position, setPosition] = useState<{ lineNumber: number; column: number } | null>(null);
useEffect(() => { useEffect(() => {
@ -39,9 +41,19 @@ export function WorkspaceEditorFooter({
return ( return (
<footer <footer
{...props} {...props}
className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)} className={cn("h-9 flex flex-none items-center px-3 py-2 bg-muted", className)}
> >
<div className="w-full flex items-center justify-end"> <div className="w-full flex items-center justify-between px-0.5 truncate">
<div className="flex gap-3">
<div className="flex items-center gap-1.5">
<CircleXIcon className="text-red-500" size={20} aria-hidden="true" />
{markers.filter((m) => m.severity === MarkerSeverity.Error).length}
</div>
<div className="flex items-center gap-1.5">
<TriangleAlertIcon className="text-yellow-500" size={20} aria-hidden="true" />
{markers.filter((m) => m.severity === MarkerSeverity.Warning).length}
</div>
</div>
<span className="truncate"> <span className="truncate">
{position {position
? `Row ${position.lineNumber}, Column ${position.column}` ? `Row ${position.lineNumber}, Column ${position.column}`