Remove case-duplicated sidebarButton.tsx (#617)

2025-05-11 20:01:43 -04:00
parent 1180b9afb0
commit 3f933dd166
1 changed files with 0 additions and 81 deletions
@@ -1,81 +0,0 @@
 import React from "react";
 import { Button } from "@components/UI/Button.tsx";
 import type { LucideIcon } from "lucide-react";
 import { cn } from "@core/utils/cn.ts";
 import { useSidebar } from "@core/stores/sidebarStore.tsx";
 export interface SidebarButtonProps {
  label: string;
  count?: number;
  active?: boolean;
  Icon?: LucideIcon;
  children?: React.ReactNode;
  onClick?: () => void;
  disabled?: boolean;
  preventCollapse?: boolean;
 }
 export const SidebarButton = ({
  label,
  active,
  Icon,
  count,
  children,
  onClick,
  disabled = false,
  preventCollapse = false,
 }: SidebarButtonProps) => {
  const { isCollapsed: isSidebarCollapsed } = useSidebar();
  const isButtonCollapsed = isSidebarCollapsed && !preventCollapse;
  return (
    <Button
      onClick={onClick}
      variant={active ? "subtle" : "ghost"}
      size="sm"
      className={cn(
        "flex w-full items-center text-wrap",
        isButtonCollapsed
          ? "justify-center gap-0 px-2 h-9"
          : "justify-start gap-2 min-h-9",
      )}
      disabled={disabled}
    >
      {Icon && (
        <Icon
          size={isButtonCollapsed ? 20 : 18}
          className="flex-shrink-0"
        />
      )}
      {children}
      <span
        className={cn(
          "flex flex-wrap justify-start text-left text-wrap break-all",
          "min-w-0",
          "px-1",
          "transition-all duration-300 ease-in-out",
          isButtonCollapsed
            ? "opacity-0 max-w-0 invisible w-0 overflow-hidden"
            : "opacity-100 max-w-full visible flex-1 whitespace-normal",
        )}
      >
        {label}
      </span>
      {!isButtonCollapsed && !active && count && count > 0 && (
        <div
          className={cn(
            "ml-auto flex-shrink-0 justify-end text-white text-xs rounded-full px-1.5 py-0.5 bg-red-600",
            "flex-shrink-0",
            "transition-opacity duration-300 ease-in-out",
            isButtonCollapsed ? "opacity-0 invisible" : "opacity-100 visible",
          )}
        >
          {count}
        </div>
      )}
    </Button>
  );
 };