refactor: update file preview components to use non-optional loading …

…and error states

src/script/components/InputBar/FilePreviews/AudioPreviewCard/AudioPreviewCard.tsx

@@ -35,8 +35,8 @@ interface AudioPreviewCardProps {
   extension: string;
   name: string;
   size: string;
-  isError?: boolean;
-  isLoading?: boolean;
+  isError: boolean;
+  isLoading: boolean;
   onDelete: () => void;
   onRetry: () => void;
 }

src/script/components/InputBar/FilePreviews/FilePreviewCard/FilePreviewCard.tsx

@@ -17,8 +17,6 @@
  *
  */
 
-import {ReactNode} from 'react';
-
 import {FileCard} from 'Components/FileCard/FileCard';
 
 import {loadingWrapperStyles, wrapperStyles} from './FilePreviewCard.styles';
@@ -31,11 +29,10 @@ interface FilePreviewCardProps {
   extension: string;
   name: string;
   size: string;
-  isError?: boolean;
-  isLoading?: boolean;
+  isError: boolean;
+  isLoading: boolean;
   onDelete: () => void;
   onRetry: () => void;
-  children?: ReactNode;
 }
 
 export const FilePreviewCard = ({
@@ -46,7 +43,6 @@ export const FilePreviewCard = ({
   isLoading,
   onDelete,
   onRetry,
-  children,
 }: FilePreviewCardProps) => {
   return (
     <div css={wrapperStyles}>
@@ -63,7 +59,6 @@ export const FilePreviewCard = ({
         {!isLoading && isError && <FilePreviewErrorMoreButton onDelete={onDelete} onRetry={onRetry} />}
         {!isLoading && !isError && <FilePreviewDeleteButton onDelete={onDelete} />}
         <FileCard.Name />
-        {children}
         {!isLoading && isError && <FileCard.Error />}
       </FileCard.Root>
     </div>

src/script/components/InputBar/FilePreviews/FilePreviews.tsx

@@ -38,10 +38,6 @@ interface FilePreviewsProps {
 export const FilePreviews = ({files}: FilePreviewsProps) => {
   const [wrapperRef] = useAutoAnimate();
 
-  if (!files || files.length === 0) {
-    return null;
-  }
-
   return (
     <div ref={wrapperRef} css={wrapperStyles}>
       {files.map(file => (

src/script/components/InputBar/FilePreviews/ImagePreviewCard/ImagePreviewCard.tsx

@@ -28,8 +28,8 @@ interface ImagePreviewCardProps {
   src: string;
   onDelete: () => void;
   onRetry: () => void;
-  isLoading?: boolean;
-  isError?: boolean;
+  isLoading: boolean;
+  isError: boolean;
 }
 
 export const ImagePreviewCard = ({src, onDelete, onRetry, isLoading, isError}: ImagePreviewCardProps) => {

src/script/components/InputBar/FilePreviews/VideoPreviewCard/VideoPreviewCard.tsx

@@ -32,8 +32,8 @@ interface VideoPreviewCardProps {
   src: string;
   onDelete: () => void;
   onRetry: () => void;
-  isLoading?: boolean;
-  isError?: boolean;
+  isLoading: boolean;
+  isError: boolean;
 }
 
 export const VideoPreviewCard = ({src, onDelete, onRetry, isLoading, isError}: VideoPreviewCardProps) => {