From e8e97aae8e593b49e50da732dad5a66420bf4ea2 Mon Sep 17 00:00:00 2001
From: Kevin Nielsen <kevinanielsen@outlook.com>
Date: Thu, 25 Jan 2024 22:50:00 +0100
Subject: [PATCH] fix(ui): file input causes 404 (#115)

---
 ui/src/components/docs-input.tsx  | 6 ++++--
 ui/src/components/image-input.tsx | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/docs-input.tsx b/ui/src/components/docs-input.tsx
index 58f0820..2d5893d 100644
--- a/ui/src/components/docs-input.tsx
+++ b/ui/src/components/docs-input.tsx
@@ -1,5 +1,4 @@
 import { useState } from "react";
-import ContentCard from "./content-card";
 import { FileText } from "lucide-react";
 
 const DocsInput: React.FC<{
@@ -17,7 +16,10 @@ const DocsInput: React.FC<{
     <div className="my-8 flex flex-col justify-center items-center h-full">
       <div className="w-full h-full mb-4 flex justify-center items-center">
         {fileName ? (
-          <ContentCard disabled file_name={fileName} />
+          <div className="border rounded-lg w-64 min-h-[264px] max-w-[256px] flex flex-col overflow-hidden justify-center items-center">
+            <FileText size="128" />
+            {fileName}
+          </div>
         ) : (
           <div className="border rounded-lg w-64 min-h-[264px] max-w-[256px] flex justify-center items-center">
             <FileText size="128" />
diff --git a/ui/src/components/image-input.tsx b/ui/src/components/image-input.tsx
index 959866a..b20890e 100644
--- a/ui/src/components/image-input.tsx
+++ b/ui/src/components/image-input.tsx
@@ -1,6 +1,5 @@
 import { FileImage } from "lucide-react";
 import { useState } from "react";
-import ContentCard from "./content-card";
 
 const ImageInput: React.FC<{
   fileRef: React.RefObject<HTMLInputElement>;
@@ -17,7 +16,10 @@ const ImageInput: React.FC<{
     <div className="my-8 flex flex-col justify-center items-center h-full">
       <div className="w-full h-full mb-4 flex justify-center items-center">
         {fileName ? (
-          <ContentCard disabled file_name={fileName} />
+          <div className="border rounded-lg w-64 min-h-[264px] max-w-[256px] flex flex-col justify-center overflow-hidden items-center">
+            <FileImage size="128" />
+            {fileName}
+          </div>
         ) : (
           <div className="border rounded-lg w-64 min-h-[264px] max-w-[256px] flex justify-center items-center">
             <FileImage size="128" />