Merge pull request #46 from ekim1394/main

fix: add missing files for frontend

Author: andrewshaodev

frontend/src/components/ui/fileinput.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function FileInput({
+  className,
+  type,
+  ...props
+}: React.ComponentProps<"input">) {
+  const [selectedFile, setSelectedFile] = React.useState("No file chosen");
+
+  const { id, ...rest } = props;
+
+  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    if (event.target.files && event.target.files[0]) {
+      setSelectedFile(event.target.files[0].name);
+    } else {
+      setSelectedFile("No file chosen");
+    }
+  };
+
+  return (
+    <>
+      <input
+        type="file"
+        data-slot="input"
+        className={cn(className)}
+        onChange={handleFileChange}
+        {...props}
+      />
+    </>
+  );
+}
+
+export { FileInput };

frontend/src/components/ui/label.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+import { cn } from "@/lib/utils";
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "mb-2 flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Label };

frontend/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}