feat: show currently selected file in the plugin UploadField (#20827)

show currently selected file in the plugin UploadField
PostHog · Mar 12, 2024 · 941d64e · 941d64e
1 parent b5e19b6
commit 941d64e
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/frontend/src/scenes/plugins/edit/UploadField.tsx b/frontend/src/scenes/plugins/edit/UploadField.tsx
@@ -2,12 +2,15 @@ import { LemonFileInput } from '@posthog/lemon-ui'
 
 export function UploadField({ value, onChange }: { value?: File; onChange?: (file: File) => void }): JSX.Element {
     return (
-        <LemonFileInput
-            accept="*"
-            multiple={false}
-            onChange={(files) => onChange?.(files[0])}
-            value={value?.size ? [value] : []}
-            showUploadedFiles={false}
-        />
+        <>
+            {value?.name ? <span>Selected file: {value.name}</span> : null}
+            <LemonFileInput
+                accept="*"
+                multiple={false}
+                onChange={(files) => onChange?.(files[0])}
+                value={value?.size ? [value] : []}
+                showUploadedFiles={false}
+            />
+        </>
     )
 }