From b5a388fb756d99af45f20dabfcb80fb9f4068a2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 5 Feb 2026 23:50:58 +0100
Subject: [PATCH] pl-fe: fix upload preview for videos on no static preview
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/upload.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx
index 5d7325248..522411f64 100644
--- a/packages/pl-fe/src/components/upload.tsx
+++ b/packages/pl-fe/src/components/upload.tsx
@@ -159,6 +159,9 @@ const Upload: React.FC<IUpload> = ({
     />
   );
 
+  const backgroundImage = (mediaType === 'image' || ['.png', '.jpg', '.jpeg'].some(ext => media.preview_url.endsWith(ext))) ? `url(${media.preview_url})` : undefined;
+  const hasBackgroundImage = !!(backgroundImage);
+
   return (
     <div
       className='relative m-[5px] min-w-[40%] flex-1 overflow-hidden rounded'
@@ -174,7 +177,7 @@ const Upload: React.FC<IUpload> = ({
         className={clsx('compose-form__upload-thumbnail relative h-40 w-full overflow-hidden bg-contain bg-center bg-no-repeat', mediaType)}
         style={{
           scale: styles.scale,
-          backgroundImage: mediaType === 'image' ? `url(${media.preview_url})` : undefined,
+          backgroundImage,
           backgroundPosition: typeof x === 'number' && typeof y === 'number' ? `${x}% ${y}%` : undefined,
         }}
       >
@@ -226,7 +229,7 @@ const Upload: React.FC<IUpload> = ({
           )}
         </HStack>
 
-        <div className='absolute inset-0 z-[-1] size-full'>
+        <div className={clsx('absolute inset-0 size-full', { 'z-[-1]': hasBackgroundImage })}>
           {mediaType === 'video' && (
             <video className='size-full object-cover' autoPlay playsInline muted loop>
               <source src={media.preview_url} />