1 files changed, 12 insertions, 12 deletions
diff --git a/vnext/src/ui/Contacts.js b/vnext/src/ui/Contacts.js
index b1f87723..1c23f042 100644
--- a/vnext/src/ui/Contacts.js
+++ b/vnext/src/ui/Contacts.js
@@ -1,23 +1,23 @@
-import { useEffect, useState } from 'react';
-import { Helmet } from 'react-helmet';
+import { useEffect, useState } from 'react'
+import { Helmet } from 'react-helmet'
 
-import { getChats } from '../api';
+import { getChats } from '../api'
 
 
-import Contact from './Contact.js';
-import { ChatSpinner } from './Spinner';
+import Contact from './Contact.js'
+import { ChatSpinner } from './Spinner'
 
 /**
  *
  */
 export default function Contacts() {
-    const [pms, setPms] = useState([]);
+    const [pms, setPms] = useState([])
     useEffect(() => {
         getChats()
             .then(response => {
-                setPms(response.data.pms);
-            }).catch(console.log);
-    }, []);
+                setPms(response.data.pms)
+            }).catch(console.log)
+    }, [])
     return (
         <div className="msg-cont">
             <Helmet>
@@ -31,7 +31,7 @@ export default function Contacts() {
                 }
             </div>
         </div>
-    );
+    )
 }
 
 const chatListStyle = {
@@ -39,7 +39,7 @@ const chatListStyle = {
     flexDirection: 'column',
     width: '100%',
     padding: '12px'
-};
+}
 
 const chatTitleStyle = {
     width: '100%',
@@ -48,4 +48,4 @@ const chatTitleStyle = {
     background: 'var(--main-background-color)',
     color: 'var(--text-color)',
     borderBottom: '1px solid var(--border-color)'
-};
+}