feat: make whole attachment clickable

oxen-io · Mar 22, 2024 · 0d8f6d1 · 0d8f6d1
1 parent e90b643
commit 0d8f6d1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
@@ -57,6 +57,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
   padding: 10px;
   border-radius: var(--border-radius-message-box);
 
@@ -73,7 +74,6 @@
 
 .module-message__generic-attachment__icon-container {
   position: relative;
-  cursor: pointer;
 }
 .module-message__generic-attachment__spinner-container {
   padding-inline-start: 4px;

diff --git a/ts/components/conversation/message/message-content/MessageAttachment.tsx b/ts/components/conversation/message/message-content/MessageAttachment.tsx
@@ -186,6 +186,7 @@ export const MessageAttachment = (props: Props) => {
       highlight={highlight}
       selected={selected}
       className={'module-message__generic-attachment'}
+      onClick={onClickOnGenericAttachment}
     >
       {pending ? (
         <div className="module-message__generic-attachment__spinner-container">
@@ -196,7 +197,6 @@ export const MessageAttachment = (props: Props) => {
           <div
             role="button"
             className="module-message__generic-attachment__icon"
-            onClick={onClickOnGenericAttachment}
           >
             {extension ? (
               <div className="module-message__generic-attachment__icon__extension">{extension}</div>