Maximilian Liebmann
1d9ab84047
- Updated header component to include notification buttons with icons. - Introduced a new NavUser component for user-related actions in the sidebar. - Added NotificationDot component for visual notification indicators. - Created UserCard component to display user information. - Implemented UserDropdown for user settings and logout functionality. - Added Avatar component for user images with fallback support. - Refactored Sheet and Tooltip components for consistency and improved styling. - Introduced QueryProvider for managing React Query context. - Updated SidebarProvider to use custom sidebar implementation. - Enhanced mobile detection hook for better responsiveness. - Updated dependencies in yarn.lock for new features and fixes. feat: remove dot
35 lines
765 B
TypeScript
35 lines
765 B
TypeScript
import { cn } from '@/lib/utils';
|
|
import { cva, type VariantProps } from 'class-variance-authority';
|
|
import { CircleSmall } from 'lucide-react';
|
|
|
|
const dotVariants = cva('', {
|
|
variants: {
|
|
variant: {
|
|
neutral: 'fill-neutral-900',
|
|
active: 'fill-red-600 stroke-red-600',
|
|
hidden: 'hidden',
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: 'hidden',
|
|
},
|
|
});
|
|
|
|
function NotificationDot({
|
|
className,
|
|
dotVariant,
|
|
...props
|
|
}: {
|
|
className: string;
|
|
dotVariant: VariantProps<typeof dotVariants>['variant'];
|
|
}) {
|
|
return (
|
|
<CircleSmall
|
|
className={cn(dotVariants({ variant: dotVariant }), className)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export type NDot = VariantProps<typeof dotVariants>['variant'];
|
|
export { NotificationDot, dotVariants };
|