From d05c3e41eb663e3acdd0797a45955d7c46f52dbb Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 17 Apr 2024 17:31:45 +1000
Subject: [PATCH] feat: converted stagedGenericAttachment to be functional

---
 .../conversation/StagedGenericAttachment.tsx  | 51 +++++++++----------
 1 file changed, 24 insertions(+), 27 deletions(-)

diff --git a/ts/components/conversation/StagedGenericAttachment.tsx b/ts/components/conversation/StagedGenericAttachment.tsx
index 8749d395f..52d9d6ec0 100644
--- a/ts/components/conversation/StagedGenericAttachment.tsx
+++ b/ts/components/conversation/StagedGenericAttachment.tsx
@@ -1,35 +1,32 @@
-import { Component } from 'react';
 import { AttachmentType, getExtensionForDisplay } from '../../types/Attachment';
 
-interface Props {
+type Props = {
   attachment: AttachmentType;
   onClose: (attachment: AttachmentType) => void;
-}
+};
 
-export class StagedGenericAttachment extends Component<Props> {
-  public render() {
-    const { attachment, onClose } = this.props;
-    const { fileName, contentType } = attachment;
-    const extension = getExtensionForDisplay({ contentType, fileName });
+export function StagedGenericAttachment(props: Props) {
+  const { attachment, onClose } = props;
+  const { fileName, contentType } = attachment;
+  const extension = getExtensionForDisplay({ contentType, fileName });
 
-    return (
-      <div className="module-staged-generic-attachment">
-        <div
-          className="module-staged-generic-attachment__close-button"
-          role="button"
-          onClick={() => {
-            if (onClose) {
-              onClose(attachment);
-            }
-          }}
-        />
-        <div className="module-staged-generic-attachment__icon">
-          {extension ? (
-            <div className="module-staged-generic-attachment__icon__extension">{extension}</div>
-          ) : null}
-        </div>
-        <div className="module-staged-generic-attachment__filename">{fileName}</div>
+  return (
+    <div className="module-staged-generic-attachment">
+      <div
+        className="module-staged-generic-attachment__close-button"
+        role="button"
+        onClick={() => {
+          if (onClose) {
+            onClose(attachment);
+          }
+        }}
+      />
+      <div className="module-staged-generic-attachment__icon">
+        {extension ? (
+          <div className="module-staged-generic-attachment__icon__extension">{extension}</div>
+        ) : null}
       </div>
-    );
-  }
+      <div className="module-staged-generic-attachment__filename">{fileName}</div>
+    </div>
+  );
 }