From 4ac29fc40a96d4ff6c5c67ff47e666bb0aeb46b5 Mon Sep 17 00:00:00 2001
From: Simon Backx <simon@ghost.org>
Date: Fri, 8 Jul 2022 13:14:27 +0200
Subject: [PATCH] Moved NotAuthorContextMenu to newer syntax

---
 .../components/modals/NotAuthorContextMenu.js | 38 ++++++-------------
 1 file changed, 12 insertions(+), 26 deletions(-)

diff --git a/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js b/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js
index bd8949df84..a2ef5a6860 100644
--- a/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js
+++ b/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js
@@ -1,32 +1,18 @@
 import React from 'react';
-import AppContext from '../../AppContext';
 
-class NotAuthorContextMenu extends React.Component {
-    static contextType = AppContext;
+const NotAuthorContextMenu = (props) => {
+    const reportComment = (event) => {
+        // report
+        props.close();
+    };
 
-    constructor(props) {
-        super(props);
-        this.state = {};
-
-        this.reportComment = this.reportComment.bind(this);
-    }
-
-    reportComment(event) {
-        // todo
-        this.close();
-    }
-
-    close() {
-        this.props.close();
-    }
-
-    render() {
-        return (
-            <button className="text-[14px]" onClick={this.reportComment}>
+    return (
+        <div className="flex flex-col">
+            <button className="text-[14px]" onClick={reportComment}>
                 Report comment
             </button>
-        );
-    }
-}
-  
+        </div>
+    );
+};
+
 export default NotAuthorContextMenu;