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

refactor(hooks): move show-status-toast.tsx from lib to hooks

Browse Source
This commit is contained in:
cfngc4594 2025-04-11 09:47:31 +08:00
parent 93b5a68426
commit dc939085bb
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,8 +11,8 @@ import { useState } from "react";
import { judge } from "@/actions/judge"; import { judge } from "@/actions/judge";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { useProblem } from "@/hooks/use-problem"; import { useProblem } from "@/hooks/use-problem";
import { showStatusToast } from "@/lib/show-status-toast";
import { LoaderCircleIcon, PlayIcon } from "lucide-react"; import { LoaderCircleIcon, PlayIcon } from "lucide-react";
import { showStatusToast } from "@/hooks/show-status-toast";
interface RunCodeProps { interface RunCodeProps {
className?: string; className?: string;

13
src/lib/show-status-toast.tsx → src/hooks/show-status-toast.tsx
View File

@ -49,9 +49,9 @@ const StatusToast = ({
message: string; message: string;
colorClass: string; colorClass: string;
}) => ( }) => (
<div className="bg-background text-foreground w-full rounded-md border px-4 py-1 shadow-lg sm:w-[var(--width)]"> <div className="bg-background text-foreground w-full rounded-md border px-4 py-1 shadow-lg h-10 flex items-center">
<div className="flex gap-2"> <div className="flex gap-2">
<div className="flex items-center grow gap-3"> <div className="flex grow gap-3">
<Icon <Icon
className={`mt-0.5 shrink-0 ${colorClass}`} className={`mt-0.5 shrink-0 ${colorClass}`}
size={16} size={16}
@ -59,9 +59,6 @@ const StatusToast = ({
/> />
<div className="flex grow justify-between gap-12"> <div className="flex grow justify-between gap-12">
<p className="text-sm">{message}</p> <p className="text-sm">{message}</p>
<div className="text-sm whitespace-nowrap">
<button className="text-sm font-medium hover:underline">Details</button>
</div>
</div> </div>
</div> </div>
<Button <Button
@ -100,5 +97,9 @@ export function showStatusToast({
message={message} message={message}
colorClass={colorClass} colorClass={colorClass}
/> />
)); ),
{
duration: Infinity,
}
);
} }