remove unused stuff, refactor frontend folder structure

2026-10-08 06:29:08 +02:00 · 2026-05-28 16:26:13 +02:00
parent e09bc8894d
commit 51b243bdfa
92 changed files with 953 additions and 1629 deletions
@@ -0,0 +1,55 @@
+import { forwardRef, InputHTMLAttributes, ReactNode } from "react";
+import { SearchIcon } from "lucide-react";
+import { cn } from "@/lib/cn";
+
+type Props = InputHTMLAttributes<HTMLInputElement> & {
+    iconSize?: number;
+    shortcut?: ReactNode;
+};
+
+export const SearchInput = forwardRef<HTMLInputElement, Props>(
+    function SearchInput(
+        { iconSize = 16, className, disabled, shortcut, ...props },
+        ref,
+    ) {
+        return (
+            <div
+                className={cn(
+                    "flex items-center gap-2 px-1 h-10",
+                    disabled && "opacity-50",
+                )}
+            >
+                <SearchIcon
+                    size={iconSize}
+                    className={"text-nb-gray-300 shrink-0"}
+                />
+                <input
+                    ref={ref}
+                    type={"text"}
+                    disabled={disabled}
+                    {...props}
+                    className={cn(
+                        "w-full bg-transparent text-sm text-nb-gray-200 placeholder:text-nb-gray-400",
+                        "outline-none border-none",
+                        disabled && "cursor-not-allowed",
+                        className,
+                    )}
+                />
+                {shortcut && (
+                    <span
+                        className={cn(
+                            "shrink-0 select-none",
+                            "inline-flex items-center justify-center",
+                            "h-5 min-w-[20px] px-1.5 rounded",
+                            "border border-nb-gray-850 bg-nb-gray-920",
+                            "text-[10px] font-medium text-nb-gray-400",
+                            "wails-no-draggable",
+                        )}
+                    >
+                        {shortcut}
+                    </span>
+                )}
+            </div>
+        );
+    },
+);