add animations

src/View/chatPage.css

@@ -3,7 +3,11 @@
   display: none;
 }
 
-#chat-page-wrapper[open] {
+body[showing-chat] #home-page {
+  display: none;
+}
+
+body[showing-chat] #chat-page-wrapper {
   display: flex;
 
   position: absolute;

src/View/chatPageWrapper.tsx

@@ -16,15 +16,10 @@ export function ChatPageWrapper(chatListViewModel: ChatListViewModel) {
       }
     }
   );
-  const isShowingChat = React.createProxyState(
-    [chatListViewModel.selectedChat],
-    () => chatListViewModel.selectedChat.value != undefined
-  );
 
   return (
     <div
       id="chat-page-wrapper"
-      toggle:open={isShowingChat}
       children:set={chatPageContent}
     ></div>
   );