From ca4dec9fda7a0fc2cc25d2b09dc200ab1d6ec786 Mon Sep 17 00:00:00 2001
From: Warrick Corfe-Tan <warrickct@gmail.com>
Date: Tue, 20 Jul 2021 15:23:48 +1000
Subject: [PATCH] linting, formatting, testing

---
 ts/components/session/SessionWrapperModal.tsx | 45 +++++++++----------
 1 file changed, 20 insertions(+), 25 deletions(-)

diff --git a/ts/components/session/SessionWrapperModal.tsx b/ts/components/session/SessionWrapperModal.tsx
index 462e9cc5d..611867f18 100644
--- a/ts/components/session/SessionWrapperModal.tsx
+++ b/ts/components/session/SessionWrapperModal.tsx
@@ -64,27 +64,22 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
     if (!modalRef.current?.contains(e.target)) {
       props.onClose?.();
     }
-  }
+  };
 
   useEffect(() => {
-    document.addEventListener("mousedown", handleClick);
+    document.addEventListener('mousedown', handleClick);
 
     return () => {
-      document.removeEventListener("mousedown", handleClick);
-    }
-  }, [])
+      document.removeEventListener('mousedown', handleClick);
+    };
+  }, []);
 
   return (
     <div
-      className={classNames(
-        `loki-dialog modal`,
-        additionalClassName ? additionalClassName : null
-      )}>
-      <div
-        className="session-confirm-wrapper">
-        <div
-          ref={modalRef}
-          className="session-modal">
+      className={classNames('loki-dialog modal', additionalClassName ? additionalClassName : null)}
+    >
+      <div className="session-confirm-wrapper">
+        <div ref={modalRef} className="session-modal">
           {showHeader ? (
             <div className={classNames('session-modal__header', headerReverse && 'reverse')}>
               <div className="session-modal__header__close">
@@ -101,17 +96,17 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
               <div className="session-modal__header__icons">
                 {headerIconButtons
                   ? headerIconButtons.map((iconItem: any) => {
-                    return (
-                      <SessionIconButton
-                        key={iconItem.iconType}
-                        iconType={iconItem.iconType}
-                        iconSize={SessionIconSize.Large}
-                        iconRotation={iconItem.iconRotation}
-                        onClick={iconItem.onClick}
-                        theme={theme}
-                      />
-                    );
-                  })
+                      return (
+                        <SessionIconButton
+                          key={iconItem.iconType}
+                          iconType={iconItem.iconType}
+                          iconSize={SessionIconSize.Large}
+                          iconRotation={iconItem.iconRotation}
+                          onClick={iconItem.onClick}
+                          theme={theme}
+                        />
+                      );
+                    })
                   : null}
               </div>
             </div>