From 7cca62f56ff4bba54484b72936792bc1ac6fe6ad Mon Sep 17 00:00:00 2001
From: Syed Ali Abbas Zaidi
 <88369802+Syed-Ali-Abbas-Zaidi@users.noreply.github.com>
Date: Wed, 6 Dec 2023 12:16:51 +0500
Subject: [PATCH] [MM-55328] Convert
 './components/toggle_modal_button/toggle_modal_button.test.tsx' from Class
 Component to Function Component (#25523)

---
 .../components/toggle_modal_button.test.tsx   | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/webapp/channels/src/components/toggle_modal_button.test.tsx b/webapp/channels/src/components/toggle_modal_button.test.tsx
index cf487f6367..8b7a11247a 100644
--- a/webapp/channels/src/components/toggle_modal_button.test.tsx
+++ b/webapp/channels/src/components/toggle_modal_button.test.tsx
@@ -15,19 +15,15 @@ jest.mock('react-redux', () => ({
     useDispatch: () => jest.fn(),
 }));
 
-class TestModal extends React.PureComponent {
-    render() {
-        return (
-            <Modal
-                show={true}
-                onHide={jest.fn()}
-            >
-                <Modal.Header closeButton={true}/>
-                <Modal.Body/>
-            </Modal>
-        );
-    }
-}
+const TestModal = () => (
+    <Modal
+        show={true}
+        onHide={jest.fn()}
+    >
+        <Modal.Header closeButton={true}/>
+        <Modal.Body/>
+    </Modal>
+);
 
 describe('components/ToggleModalButton', () => {
     test('component should match snapshot', () => {