From 073d4ff95944a19fe28eee32ff0158a2768a712e Mon Sep 17 00:00:00 2001
From: Rishikesh Solapure <70309623+Rishiii7@users.noreply.github.com>
Date: Mon, 2 Sep 2024 02:50:48 -0600
Subject: [PATCH] [MM-60079] Converted ./reducers/views/modals.test.tsx class
 component to functional component (#28033)

* fix: converted class component to functional component

* fix: resolved the eslint error

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../src/reducers/views/modals.test.tsx        | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/webapp/channels/src/reducers/views/modals.test.tsx b/webapp/channels/src/reducers/views/modals.test.tsx
index 42282215f8..bb92c65397 100644
--- a/webapp/channels/src/reducers/views/modals.test.tsx
+++ b/webapp/channels/src/reducers/views/modals.test.tsx
@@ -8,19 +8,17 @@ import {modalState as modalStateReducer} from 'reducers/views/modals';
 
 import {ActionTypes, ModalIdentifiers} from 'utils/constants';
 
-class TestModal extends React.PureComponent {
-    render() {
-        return (
-            <Modal
-                show={true}
-                onHide={jest.fn()}
-            >
-                <Modal.Header closeButton={true}/>
-                <Modal.Body/>
-            </Modal>
-        );
-    }
-}
+const TestModal = () => {
+    return (
+        <Modal
+            show={true}
+            onHide={jest.fn()}
+        >
+            <Modal.Header closeButton={true}/>
+            <Modal.Body/>
+        </Modal>
+    );
+};
 
 describe('Reducers.Modals', () => {
     test('Initial state', () => {