feat: make whole attachment clickable

oxen-io · Dec 1, 2023 · 826d971 · 826d971
1 parent 954a1a7
commit 826d971
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
@@ -61,6 +61,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
   padding: 10px;
   border-radius: var(--border-radius-message-box);
 
@@ -77,7 +78,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
@@ -171,7 +171,7 @@ export const MessageAttachment = (props: Props) => {
   const extension = getExtensionForDisplay({ contentType, fileName });
 
   return (
-    <StyledMessageHighlighter highlight={highlight} className="module-message__generic-attachment">
+    <StyledMessageHighlighter highlight={highlight} onClick={onClickOnGenericAttachment} className="module-message__generic-attachment">
       {pending ? (
         <div className="module-message__generic-attachment__spinner-container">
           <Spinner size="small" />
@@ -181,7 +181,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>