From 3f56d1998d93da04334818bc8f90ad09b0047632 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Wed, 28 May 2025 08:28:58 +0100
Subject: [PATCH] fix(frontend): resolve inbox flickering click issue

---
 .../inbox/components/ConversationsList.tsx    |  6 ++---
 frontend/src/components/inbox/index.tsx       |  2 +-
 frontend/src/pages/inbox.tsx                  | 22 -------------------
 3 files changed, 3 insertions(+), 27 deletions(-)
 delete mode 100644 frontend/src/pages/inbox.tsx

diff --git a/frontend/src/components/inbox/components/ConversationsList.tsx b/frontend/src/components/inbox/components/ConversationsList.tsx
index 3a1b1c8b..c6f74c7e 100644
--- a/frontend/src/components/inbox/components/ConversationsList.tsx
+++ b/frontend/src/components/inbox/components/ConversationsList.tsx
@@ -45,10 +45,8 @@ export const SubscribersList = (props: {
   }, 400);
 
   useEffect(() => {
-    if (chat) {
-      chat.setSubscriberId(subscriber);
-    }
-  }, [chat, subscriber]);
+    chat.setSubscriberId(subscriber);
+  }, [subscriber]);
 
   return (
     <>
diff --git a/frontend/src/components/inbox/index.tsx b/frontend/src/components/inbox/index.tsx
index e57e8192..c11c7c25 100644
--- a/frontend/src/components/inbox/index.tsx
+++ b/frontend/src/components/inbox/index.tsx
@@ -45,7 +45,7 @@ export const Inbox = () => {
       >
         <Grid item width="100%" height="100%" overflow="hidden">
           <MainContainer style={{ height: "100%" }}>
-            <Sidebar position="left">
+            <Sidebar position="left" style={{ flexBasis: "100%" }}>
               <Grid paddingX={1} paddingTop={1}>
                 <Search
                   value={searchText}
diff --git a/frontend/src/pages/inbox.tsx b/frontend/src/pages/inbox.tsx
deleted file mode 100644
index 5932b595..00000000
--- a/frontend/src/pages/inbox.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright © 2024 Hexastack. All rights reserved.
- *
- * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
- * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
- * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
- */
-
-import { ReactElement } from "react";
-
-import { Inbox } from "@/components/inbox";
-import { Layout } from "@/layout";
-
-const InboxPage = () => {
-  return <Inbox />;
-};
-
-InboxPage.getLayout = function getLayout(page: ReactElement) {
-  return <Layout hasNoPadding>{page}</Layout>;
-};
-
-export default InboxPage;