From b5951146bc84d8680bdd81971cb0a98d56a30b1f Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Wed, 21 Aug 2024 15:23:41 +0200
Subject: [PATCH] UI: add placeholder to fileInput

---
 pkgs/webview-ui/app/src/components/FileInput.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/pkgs/webview-ui/app/src/components/FileInput.tsx b/pkgs/webview-ui/app/src/components/FileInput.tsx
index 6c92a5d9f..fddfa83b5 100644
--- a/pkgs/webview-ui/app/src/components/FileInput.tsx
+++ b/pkgs/webview-ui/app/src/components/FileInput.tsx
@@ -16,6 +16,7 @@ interface FileInputProps {
   label?: string;
   error?: string;
   helperText?: string;
+  placeholder?: JSX.Element;
 }
 
 /**
@@ -30,6 +31,7 @@ export function FileInput(props: FileInputProps) {
     "value",
     "label",
     "error",
+    "placeholder",
   ]);
 
   // Create file list
@@ -68,7 +70,11 @@ export function FileInput(props: FileInputProps) {
       >
         <Show
           when={getFiles().length}
-          fallback={<>Click to select file{props.multiple && "s"}</>}
+          fallback={
+            props.placeholder || (
+              <>Click to select file{props.multiple && "s"}</>
+            )
+          }
         >
           Selected file{props.multiple && "s"}:{" "}
           {getFiles()