fix: move new attachments to top of the action buttons on composer

heyverse · Mar 8, 2024 · 54a73c6 · 54a73c6 · vercel · Mar 8, 2024
1 parent 686239e
commit 54a73c6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/web/src/components/Composer/NewAttachments.tsx b/apps/web/src/components/Composer/NewAttachments.tsx
@@ -84,7 +84,9 @@ const NewAttachments: FC<NewAttachmentsProps> = ({
   const attachmentsLength = slicedAttachments?.length;
 
   return attachmentsLength !== 0 ? (
-    <div className={cn(getClass(attachmentsLength)?.row, 'mt-3 grid gap-2')}>
+    <div
+      className={cn(getClass(attachmentsLength)?.row, 'mt-3 grid gap-2', 'p-5')}
+    >
       {slicedAttachments?.map((attachment: NewAttachment, index: number) => {
         const isImage = attachment.type === 'Image';
         const isAudio = attachment.type === 'Audio';

diff --git a/apps/web/src/components/Composer/NewPublication.tsx b/apps/web/src/components/Composer/NewPublication.tsx
@@ -594,6 +594,7 @@ const NewPublication: FC<NewPublicationProps> = ({ publication }) => {
         </Wrapper>
       ) : null}
       <LinkPreviews />
+      <NewAttachments attachments={attachments} />
       <div className="divider mx-5" />
       <div className="block items-center px-5 py-3 sm:flex">
         <div className="flex items-center space-x-4">
@@ -642,9 +643,6 @@ const NewPublication: FC<NewPublicationProps> = ({ publication }) => {
           </Button>
         </div>
       </div>
-      <div className="px-5">
-        <NewAttachments attachments={attachments} />
-      </div>
       <Discard onDiscard={onDiscardClick} />
     </Card>
   );