From 3e97c2a4aeca8095c7321adb9a5159480c677d04 Mon Sep 17 00:00:00 2001
From: mkljczk <git@mkljczk.pl>
Date: Mon, 24 Mar 2025 11:47:06 +0100
Subject: [PATCH] pl-fe: improve alt text modal

Signed-off-by: mkljczk <git@mkljczk.pl>
---
 .../src/features/ui/components/modals/alt-text-modal.tsx   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/features/ui/components/modals/alt-text-modal.tsx b/packages/pl-fe/src/features/ui/components/modals/alt-text-modal.tsx
index 024b589aa..27ed22106 100644
--- a/packages/pl-fe/src/features/ui/components/modals/alt-text-modal.tsx
+++ b/packages/pl-fe/src/features/ui/components/modals/alt-text-modal.tsx
@@ -86,24 +86,25 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({ composeId,
 
   const handleSave = () => {
     handleSubmit();
-    // onClose();
   };
 
   return (
     <Modal
       title={<FormattedMessage id='alt_text_modal.header' defaultMessage='Add alt text' />}
-      // onClose={onClickClose}
       confirmationAction={handleSave}
       confirmationText={<FormattedMessage id='alt_text_modal.confirmation' defaultMessage='Save' />}
       confirmationDisabled={isSaving}
+      secondaryAction={() => onClose('ALT_TEXT')}
+      secondaryText={<FormattedMessage id='alt_text_modal.cancel' defaultMessage='Cancel' />}
     >
       <Stack space={2}>
         <div className='relative overflow-hidden rounded-md'>
           <Blurhash hash={media.blurhash} className='media-gallery__preview' />
           <div
-            className='relative h-40 w-full overflow-hidden bg-contain bg-center bg-no-repeat'
+            className='relative h-64 max-h-96 w-full overflow-hidden bg-contain bg-center bg-no-repeat'
             style={{
               backgroundImage: media.type === 'image' ? `url(${media.preview_url})` : undefined,
+              height: media.type === 'image' || media.type === 'video' ? media.meta.original?.height : undefined,
             }}
           >
             <div className='absolute inset-0 size-full'>