Merge pull request #4 from wpdas/staging

clean up chat list if user is signed out

src/index.tsx

@@ -1,6 +1,7 @@
-import { ModulesProvider, RouterContext, loadExternalStyles } from "alem";
+import { ModulesProvider, RouterContext, context, loadExternalStyles, useEffect } from "alem";
 import Main from "./Main";
 import Spinner from "./components/Spinner/Spinner";
+import cleanUpChatList from "./services/cleanUpChatList";
 
 const App = () => {
   const ready = loadExternalStyles([
@@ -9,6 +10,14 @@ const App = () => {
 
   RouterContext();
 
+  useEffect(() => {
+    // clean up storage
+    if (!context.accountId) {
+      console.log("Shoud i go?");
+      cleanUpChatList();
+    }
+  }, [context.accountId]);
+
   return (
     <div className="App">
       <ModulesProvider />

src/screens/ChatsList/index.tsx

@@ -18,7 +18,7 @@ const ChatsList = () => {
 
   return (
     <div className="contacts-list">
-      {!chats.length ? (
+      {chats.length === 0 ? (
         <CenterMessage message="No chat has started yet" />
       ) : (
         <ContactItems accountIds={chats} onSelect={onSelect} />

src/services/cleanUpChatList.ts

@@ -0,0 +1,6 @@
+import { CHAT_LIST_KEY } from "@app/constants";
+import { Storage } from "alem";
+
+const cleanUpChatList = () => Storage.set(CHAT_LIST_KEY, []);
+
+export default cleanUpChatList;