Hyprland

src/workspaces/widgets/Widget.tsx

@@ -11,13 +11,14 @@ type WidgetProps = ComponentPropsWithoutRef<'div'> & {
   title?: string;
   resizable?: boolean;
   collapsible?: boolean | { title: string; icon?: LucideIcon };
+  minimizable?: boolean;
   moveable?: boolean;
   position?: Position;
   onPositionChange?: (pos: Position) => void;
   onClose?: () => void;
 };
 
-export const Widget = ({ title, className, style, resizable, collapsible, moveable, position: controlledPosition, onPositionChange, onClose, children, ...props }: WidgetProps) => {
+export const Widget = ({ title, className, style, resizable, collapsible, minimizable = false, moveable, position: controlledPosition, onPositionChange, onClose, children, ...props }: WidgetProps) => {
   const [expanded, setExpanded] = useState(true);
   const [minimized, setMinimized] = useState(false);
   const [internalPosition, setInternalPosition] = useState<Position>({ x: 0, y: 0 });
@@ -69,7 +70,7 @@ export const Widget = ({ title, className, style, resizable, collapsible, moveab
       const isCardPadding = target === card;
       const isHeader = !isCardPadding && target.closest('[data-widget-header]') && !target.closest('button');
       if (!isCardPadding && !isHeader) return;
-      if (isHeader && ev.detail === 2) {
+      if (minimizable && isHeader && ev.detail === 2) {
         toggleMinimized();
         return;
       }
@@ -132,13 +133,15 @@ export const Widget = ({ title, className, style, resizable, collapsible, moveab
       <div data-widget-header className="flex h-8 items-center gap-12 px-3 select-none cursor-grab">
         {title && <span className="text-sm font-bold text-muted-foreground pointer-events-none">{title}</span>}
         <div className="ml-auto flex items-center gap-0.5">
-          <button
-            type="button"
-            className="p-1 rounded cursor-pointer text-muted-foreground hover:text-foreground"
-            onClick={() => toggleMinimized()}
-          >
-            {minimized ? <Plus size={14} /> : <Minus size={14} />}
-          </button>
+          {minimizable && (
+            <button
+              type="button"
+              className="p-1 rounded cursor-pointer text-muted-foreground hover:text-foreground"
+              onClick={() => toggleMinimized()}
+            >
+              {minimized ? <Plus size={14} /> : <Minus size={14} />}
+            </button>
+          )}
           {onClose && (
             <button
               type="button"