mirror of
https://github.com/massbug/judge4c.git
synced 2025-05-17 23:12:23 +00:00
cfngc4594
49419654a0
- Replace problem-header.tsx with new header.tsx implementation - Add BackButton functionality to navigate to home page - Make className prop configurable using cn utility - Maintain existing user avatar functionality
26 lines
799 B
TypeScript
26 lines
799 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import { Suspense } from "react";
|
|
import { BackButton } from "@/components/back-button";
|
|
import { UserAvatar, UserAvatarSkeleton } from "@/components/user-avatar";
|
|
|
|
interface ProblemsetHeaderProps {
|
|
className?: string;
|
|
}
|
|
|
|
export const ProblemsetHeader = ({ className }: ProblemsetHeaderProps) => {
|
|
return (
|
|
<header className={cn("flex h-12 flex-none items-center", className)}>
|
|
<div className="container mx-auto flex h-full items-center justify-between px-4">
|
|
<div className="flex items-center">
|
|
<BackButton href="/" />
|
|
</div>
|
|
<div className="flex items-center">
|
|
<Suspense fallback={<UserAvatarSkeleton />}>
|
|
<UserAvatar />
|
|
</Suspense>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
};
|