@messenger-box/platform-browser 10.0.3-alpha.7 → 10.0.3-alpha.72

package/lib/containers/Dashboard.js

@@ -1,12 +1,11 @@
-import*as React from'react';import {useState,useEffect}from'react';import {styleSheet}from'../style.js';import {useAddMemberToChannelMutation,useSendMessagesMutation,useAddDirectChannelMutation,useAddChannelMutation}from'common/lib/generated/generated.js';import {MenuHeader}from'../components/dashboard/menu_header.js';import {Modals}from'../components/dashboard/modals.js';import {DirectModal}from'../components/dashboard/modals/direct_modal.js';import {css}from'@emotion/css';import {BsGlobe2}from'react-icons/bs.js';import {useTranslation}from'react-i18next';import {RiAdminFill}from'react-icons/ri.js';import {Avatar}from'antd';import {Comment}from'@ant-design/compatible';import {indexOf}from'lodash-es';import {useSelector}from'react-redux';import {useNavigate,useLocation,Link,Routes,Route}from'@remix-run/react';import {dashboardRoutes}from'../compute.js';React.lazy(() => import('./Messenger.js'));
+import*as React from'react';import {useState,useEffect}from'react';import {useAddMemberToChannelMutation,useSendMessagesMutation,useAddDirectChannelMutation,useAddChannelMutation}from'common/graphql';import {MenuHeader}from'../components/dashboard/menu_header.js';import {Modals}from'../components/dashboard/modals.js';import {DirectModal}from'../components/dashboard/modals/direct_modal.js';import {GoGlobe}from'@react-icons/all-files/go/GoGlobe.js';import {useTranslation}from'react-i18next';import {RiAdminFill}from'@react-icons/all-files/ri/RiAdminFill.js';import {indexOf}from'lodash-es';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useNavigate,useLocation,Link,Routes,Route}from'@remix-run/react';import {dashboardRoutes}from'../compute.js';React.lazy(() => import('./Messenger.js'));
 const Dashboard = props => {
   const [allUsers, usersToChat, currentUserRes, allChannels, getChannel] = props?.data;
   const [channelInput, setChannelInput] = useState({});
-  // const [channels, setChannels] = useState([]);
   const [publicChannels, setPublicChannels] = useState([]);
   const [directChannels, setDirectChannels] = useState([]);
   const [clickedChannel, setClickedChannel] = useState({});
-  const [currentUser, setCurrentUser] = useState();
+  const currentUser = useSelector(userSelector);
   const [options, setOptions] = useState([]);
   const [showDirectChl, setShowDirectChl] = useState(false);
   const [selectedValues, setSelectedValues] = useState([]);
@@ -17,26 +16,19 @@ const Dashboard = props => {
   const [publicChlModal, setPublicChlModal] = useState({
     show: false
   });
-  const [classes, setClasses] = useState({
-    left_bar: 'left_bar',
-    root_div: 'root_div'
-  });
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   useSelector(state => state.user.authUserId);
   const navigate = useNavigate();
   const location = useLocation();
   const {
     t
   } = useTranslation();
-  // const allUsers = useGetAllUsersQuery()
-  // const usersToChat = useUsersToChatQuery({ variables: { auth0Id: currentUserAuth0Id } })
-  // const currentUserRes = useCurrentUserQuery({ variables: { auth0Id: currentUserAuth0Id } })
   const {
     data,
     loading,
     error,
     refetch
   } = getChannel;
-  // const allChannels = useGetAllChannelQuery()
   const [addMemberToChannelMutationInput, addMemberToChannelMutationResponse] = useAddMemberToChannelMutation({
     update: (cache, mutationResult) => {
       cache.modify({
@@ -71,7 +63,7 @@ const Dashboard = props => {
       navigate(`/o/${location.pathname.split('/')[2]}/dashboard/message/${mutationResult.data.createDirectChannel.displayName.split('_').length === 2 ? mutationResult.data.createDirectChannel.displayName.split('_')[0].split('-')[0] !== currentUser.id ? mutationResult.data.createDirectChannel.displayName.split('_')[0].split('-')[1] : mutationResult.data.createDirectChannel.displayName.split('_')[1].split('-')[1] : mutationResult.data.createDirectChannel.title}`, {
         state: {
           channel: mutationResult.data.createDirectChannel,
-          currentUser: currentUserRes.data.currentUser
+          currentUser: currentUser
         }
       });
       cache.modify({
@@ -90,25 +82,28 @@ const Dashboard = props => {
       navigate(`/o/${location.pathname.split('/')[2]}/dashboard/channel/${mutationResult.data.createChannel.title}`, {
         state: {
           channel: mutationResult.data.createChannel,
-          currentUser: currentUserRes.data.currentUser
+          currentUser: currentUser
         }
       });
     }
   });
-  useEffect(() => {
-    if (!currentUserRes.loading) {
-      setCurrentUser(currentUserRes.data.currentUser);
+  const handleJoin = React.useCallback(channelId => {
+    if (!currentUser) {
+      console.error('Current user is not loaded yet');
+      return;
     }
-  }, [currentUserRes.data, currentUserRes.loading]);
-  const handleJoin = channelId => {
     addMemberToChannelMutationInput({
       variables: {
         channelId: channelId,
         memberId: currentUser.id
       }
     }).then(response => {
+      // Use currentUser from Redux selector
+      if (!currentUser) {
+        console.error('Current user is not available');
+        return;
+      }
       setClickedChannel(response.data.addMemberToChannel);
-      // setShowDirectMore(false)
       setDirectMoreModal({
         ...directMoreModal,
         showDirectMore: false
@@ -123,14 +118,12 @@ const Dashboard = props => {
         }
       });
     });
-    // refetch().then((value => {
-    //     setChannels(value.data.channelsByUser)
-    //     setChannelInput({})
-    // }))
-    // allChannels.refetch()
-  };
-  const handleGo = () => {
-    // console.log('------directModal------', directModal)
+  }, [currentUser, addMemberToChannelMutationInput, sendMessagesMutationInput, directMoreModal]);
+  const handleGo = React.useCallback(() => {
+    if (!currentUser) {
+      console.error('Current user is not loaded yet');
+      return;
+    }
     if (selectedValues) {
       let uids = [];
       let dName = currentUser.username + ',';
@@ -154,7 +147,7 @@ const Dashboard = props => {
       });
       handleClose('directChannel');
     }
-  };
+  }, [currentUser, selectedValues, createDirectChannel]);
   useEffect(() => {
     if (!addedDirectChannel.loading && addedDirectChannel.data) {
       setClickedChannel(addedDirectChannel.data.createDirectChannel);
@@ -171,26 +164,25 @@ const Dashboard = props => {
             uid: `${usr.id}`
           },
           label: React.createElement("div", {
-            style: {
-              cursor: 'pointer'
-            }
-          }, React.createElement(Comment, {
-            className: "cmt_cls",
-            author: '@' + usr.username,
-            avatar: React.createElement(Avatar, {
-              style: {
-                backgroundColor: `#${Math.floor(Math.random() * 16777215).toString(16)}`
-              }
-            }, usr.username.match(/\b(\w)/g).join('').toUpperCase()),
-            content: usr.email
-          }))
+            className: "flex items-center space-x-4 p-2 hover:bg-gray-50 cursor-pointer"
+          }, React.createElement("div", {
+            className: "flex-shrink-0"
+          }, React.createElement("div", {
+            className: `w-10 h-10 rounded-full flex items-center justify-center text-white bg-[#${Math.floor(Math.random() * 16777215).toString(16)}]`
+          }, usr.username.match(/\b(\w)/g).join('').toUpperCase())), React.createElement("div", {
+            className: "flex-1 min-w-0"
+          }, React.createElement("p", {
+            className: "text-sm font-medium text-gray-900"
+          }, "@", usr.username), React.createElement("p", {
+            className: "text-sm text-gray-500 truncate"
+          }, usr.email)))
         });
       });
       setOptions(tempOpt);
     }
   }, [usersToChat.data, usersToChat.loading]);
   useEffect(() => {
-    if (!loading) {
+    if (!loading && currentUser) {
       let diChal = [];
       let fChannel = [];
       let joinedChannel = [];
@@ -225,9 +217,7 @@ const Dashboard = props => {
           }
         });
       }
-      // setChannels([...data.channelsByUser, ...fChannel])
       setPublicChannels(joinedChannel);
-      // setModalPublicChannels(modelChannel)
       setDirectMoreModal({
         ...directMoreModal,
         modalPublicChannels: modelChannel
@@ -293,18 +283,7 @@ const Dashboard = props => {
     }
   }, [addedDirectChannel.loading, addedDirectChannel.data]);
   const handleClass = () => {
-    const oldClasses = classes;
-    if (!oldClasses.left_bar.split(' ').includes('drawer_style')) {
-      setClasses({
-        left_bar: `${oldClasses.left_bar} drawer_style`,
-        root_div: `${oldClasses.root_div} clicked_class`
-      });
-    } else {
-      setClasses({
-        left_bar: 'left_bar',
-        root_div: 'root_div'
-      });
-    }
+    setIsDrawerOpen(!isDrawerOpen);
   };
   const handleSelect = selectedOption => {
     setSelectedValues(selectedOption);
@@ -318,16 +297,20 @@ const Dashboard = props => {
       }
     });
   }, []);
+  // Defensive check to prevent rendering when user data is not available
+  if (!currentUser) {
+    return React.createElement("div", null, "Loading...");
+  }
   return React.createElement("div", {
-    className: css(styleSheet.customStyle)
+    className: "min-h-screen bg-gray-50"
   }, React.createElement("div", {
-    className: classes.root_div
+    className: `flex h-screen ${isDrawerOpen ? 'drawer-open' : ''}`
   }, React.createElement(DirectModal, {
-    handleClose: handleClose,
+    show: showDirectChl,
+    onHide: () => handleClose('directChannel'),
     handleGo: handleGo,
     handleSelect: handleSelect,
     selectedValues: selectedValues,
-    showDirectChl: showDirectChl,
     options: options
   }), React.createElement(Modals, {
     directMoreModal: directMoreModal,
@@ -339,84 +322,87 @@ const Dashboard = props => {
     clickedChannel: clickedChannel,
     handleClass: handleClass
   }), React.createElement("div", {
-    className: "dashboard_window",
+    className: "flex-1 flex overflow-hidden",
     onClick: () => {
-      if (classes.root_div.split(' ').length > 1) {
+      if (isDrawerOpen) {
         handleClass();
       }
     }
   }, React.createElement("div", {
-    className: classes.left_bar
+    className: `w-64 flex-shrink-0 bg-gray-800 overflow-y-auto transition-transform duration-300 ease-in-out ${isDrawerOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0'}`
+  }, React.createElement("div", {
+    className: "flex flex-col h-full"
+  }, React.createElement("div", {
+    className: "space-y-4 py-4"
   }, React.createElement("div", {
-    className: "nav-pills__container"
-  }, React.createElement("ul", null, React.createElement("li", {
-    id: "li1",
-    className: "sidebar-section__header"
-  }, React.createElement("h4", null, React.createElement("span", null, t('messenger_box_browser.PUBLIC_CHANNELS'))), React.createElement("button", {
-    className: "add-channel-btn",
+    className: "px-4"
+  }, React.createElement("h4", {
+    className: "text-gray-400 uppercase text-sm font-semibold flex justify-between items-center"
+  }, React.createElement("span", null, t('messenger_box_browser.PUBLIC_CHANNELS')), React.createElement("button", {
+    className: "text-gray-400 hover:text-white w-6 h-6 rounded flex items-center justify-center hover:bg-gray-700",
     onClick: () => handleShow('publicChannel')
-  }, React.createElement("span", null, "+"))), publicChannels.map((chl, index) => {
-    return React.createElement(Link, {
-      to: {
-        pathname: `/o/${location.pathname.split('/')[2]}/dashboard/channel/${chl.title}`
-      },
-      state: {
-        channel: chl,
-        currentUser: currentUserRes.data.currentUser
-      }
-    }, React.createElement("li", {
-      className: ""
-    }, React.createElement("a", {
-      className: "sidebar-item",
-      onClick: () => handleChannelClick(chl)
-    }, React.createElement("span", {
-      className: "icon icon__globe"
-    }, React.createElement(BsGlobe2, null)), React.createElement("span", {
-      className: "sidebar-item__name"
-    }, React.createElement("span", null, chl.title)))));
-  }), React.createElement("li", null, React.createElement("button", {
-    id: "sidebarPublicChannelsMore",
-    className: "nav-more",
+  }, React.createElement("span", null, "+"))), React.createElement("ul", {
+    className: "mt-2 space-y-1"
+  }, publicChannels.map((chl, index) => React.createElement(Link, {
+    key: chl.id,
+    to: `/o/${location.pathname.split('/')[2]}/dashboard/channel/${chl.title}`,
+    state: {
+      channel: chl,
+      currentUser: currentUser
+    }
+  }, React.createElement("li", {
+    className: "group"
+  }, React.createElement("a", {
+    className: "flex items-center px-2 py-2 text-gray-300 rounded-md hover:bg-gray-700 hover:text-white group-hover:bg-gray-700",
+    onClick: () => handleChannelClick(chl)
+  }, React.createElement(GoGlobe, {
+    className: "mr-2 h-5 w-5"
+  }), React.createElement("span", {
+    className: "truncate"
+  }, chl.title)))))), React.createElement("button", {
+    className: "mt-2 text-sm text-gray-400 hover:text-white w-full text-left px-2 py-1",
     onClick: () => setDirectMoreModal({
       ...directMoreModal,
       showDirectMore: true
     })
-  }, React.createElement("span", null, t('messenger_box_browser.more'))))), React.createElement("ul", null, React.createElement("li", {
-    className: "sidebar-section__header"
-  }, React.createElement("h4", null, React.createElement("span", null, t('messenger_box_browser.PRIVATE_CHANNELS'))), React.createElement("button", {
-    className: "add-channel-btn"
-  }, React.createElement("span", null, "+")))), React.createElement("ul", null, React.createElement("li", {
-    className: "sidebar-section__header"
-  }, React.createElement("h4", null, React.createElement("span", null, t('messenger_box_browser.DIRECT_MESSAGES'))), React.createElement("button", {
-    className: "add-channel-btn",
+  }, t('messenger_box_browser.more'))), React.createElement("div", {
+    className: "px-4"
+  }, React.createElement("h4", {
+    className: "text-gray-400 uppercase text-sm font-semibold flex justify-between items-center"
+  }, React.createElement("span", null, t('messenger_box_browser.PRIVATE_CHANNELS')), React.createElement("button", {
+    className: "text-gray-400 hover:text-white w-6 h-6 rounded flex items-center justify-center hover:bg-gray-700"
+  }, React.createElement("span", null, "+")))), React.createElement("div", {
+    className: "px-4"
+  }, React.createElement("h4", {
+    className: "text-gray-400 uppercase text-sm font-semibold flex justify-between items-center"
+  }, React.createElement("span", null, t('messenger_box_browser.DIRECT_MESSAGES')), React.createElement("button", {
+    className: "text-gray-400 hover:text-white w-6 h-6 rounded flex items-center justify-center hover:bg-gray-700",
     onClick: () => handleShow('directChannel')
-  }, React.createElement("span", null, "+"))), directChannels.map(cnl => {
-    return React.createElement(Link, {
-      to: {
-        pathname: `/o/${location.pathname.split('/')[2]}/dashboard/message/${cnl.displayName.split('_').length === 2 ? cnl.displayName.split('_')[0].split('-')[0] !== currentUser.id ? cnl.displayName.split('_')[0].split('-')[1] : cnl.displayName.split('_')[1].split('-')[1] : cnl.title}`
-      },
-      state: {
-        channel: cnl,
-        currentUser: currentUserRes.data.currentUser
-      }
-    }, React.createElement("li", {
-      className: "active"
-    }, React.createElement("a", {
-      className: "sidebar-item has-close",
-      onClick: () => handleChannelClick(cnl)
-    }, cnl.displayName.split(',').length > 1 ? React.createElement("span", {
-      className: "num_style"
-    }, cnl.displayName.split(',').length) : React.createElement("span", {
-      className: "icon icon__globe",
-      color: "white"
-    }, React.createElement(RiAdminFill, null)), React.createElement("span", {
-      className: "sidebar-item__name"
-    }, cnl.displayName.split('_').length === 2 ? cnl.displayName.split('_')[0].split('-')[0] !== currentUser.id ? cnl.displayName.split('_')[0].split('-')[1] : cnl.displayName.split('_')[1].split('-')[1] : cnl.displayName))));
-  })))), React.createElement("div", {
-    className: "route_view"
+  }, React.createElement("span", null, "+"))), React.createElement("ul", {
+    className: "mt-2 space-y-1"
+  }, directChannels.map(cnl => React.createElement(Link, {
+    key: cnl.id,
+    to: `/o/${location.pathname.split('/')[2]}/dashboard/message/${cnl.displayName.split('_').length === 2 ? cnl.displayName.split('_')[0].split('-')[0] !== currentUser?.id ? cnl.displayName.split('_')[0].split('-')[1] : cnl.displayName.split('_')[1].split('-')[1] : cnl.title}`,
+    state: {
+      channel: cnl,
+      currentUser: currentUser
+    }
+  }, React.createElement("li", {
+    className: "group"
+  }, React.createElement("a", {
+    className: "flex items-center px-2 py-2 text-gray-300 rounded-md hover:bg-gray-700 hover:text-white group-hover:bg-gray-700",
+    onClick: () => handleChannelClick(cnl)
+  }, cnl.displayName.split(',').length > 1 ? React.createElement("span", {
+    className: "w-5 h-5 flex items-center justify-center bg-gray-600 rounded-full text-xs mr-2"
+  }, cnl.displayName.split(',').length) : React.createElement(RiAdminFill, {
+    className: "mr-2 h-5 w-5"
+  }), React.createElement("span", {
+    className: "truncate"
+  }, cnl.displayName.split('_').length === 2 ? cnl.displayName.split('_')[0].split('-')[0] !== currentUser?.id ? cnl.displayName.split('_')[0].split('-')[1] : cnl.displayName.split('_')[1].split('-')[1] : cnl.displayName)))))))))), React.createElement("div", {
+    className: "flex-1 overflow-auto bg-white"
   }, React.createElement(Routes, null, dashboardRoutes.map((route, index) => React.createElement(Route, {
     key: index,
     path: route.path,
-    children: React.createElement(route.component, null)
+    element: React.createElement(route.component, null)
   })))))));
 };export{Dashboard as default};//# sourceMappingURL=Dashboard.js.map

package/lib/containers/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../src/containers/Dashboard.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../src/containers/Dashboard.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/containers/DashboardWithLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardWithLoader.d.ts","sourceRoot":"","sources":["../../src/containers/DashboardWithLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,mBAAmB,mCAsBxB,CAAC;AACF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DashboardWithLoader.d.ts","sourceRoot":"","sources":["../../src/containers/DashboardWithLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,mBAAmB,mCAgCxB,CAAC;AACF,eAAe,mBAAmB,CAAC"}

package/lib/containers/DashboardWithLoader.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {Await}from'@remix-run/react';import {Spinner}from'@admin-layout/chakra-ui';import {Alert}from'@chakra-ui/react';import {useGetAllUsersQuery,useUsersToChatQuery,useCurrentUserQuery,useGetChannelsByUserQuery,useGetAllChannelQuery}from'common/lib/generated/generated.js';import {useSelector}from'react-redux';import Dashboard from'./Dashboard.js';const DashboardWithLoader = props => {
+import React__default from'react';import {Await}from'@remix-run/react';import {useGetAllUsersQuery,useUsersToChatQuery,useCurrentUserQuery,useGetChannelsByUserQuery,useGetAllChannelQuery}from'common/graphql';import {useSelector}from'react-redux';import Dashboard from'./Dashboard.js';const DashboardWithLoader = props => {
   const currentUserAuth0Id = useSelector(state => state.user.authUserId);
   const allUsers = useGetAllUsersQuery({
     variables: {},
@@ -25,10 +25,17 @@ import React__default from'react';import {Await}from'@remix-run/react';import {S
     fetchPolicy: 'cache-only'
   });
   return React__default.createElement(React__default.Suspense, {
-    fallback: React__default.createElement(Spinner, null)
+    fallback: React__default.createElement("div", {
+      className: "flex items-center justify-center w-full h-full"
+    }, React__default.createElement("div", {
+      className: "animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-blue-500"
+    }))
   }, React__default.createElement(Await, {
     resolve: Promise.all([allUsers, usersToChat, currentUserRes, allChannels, getChannel]),
-    errorElement: React__default.createElement(Alert, null, "Error loading Dashboard page!")
+    errorElement: React__default.createElement("div", {
+      className: "p-4 mb-4 text-sm text-red-700 bg-red-100 rounded-lg",
+      role: "alert"
+    }, "Error loading Dashboard page!")
   }, React__default.createElement(Dashboard, {
     data: [allUsers, usersToChat, currentUserRes, allChannels, getChannel],
     ...props

package/lib/containers/DashboardWithLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardWithLoader.js","sources":["../../src/containers/DashboardWithLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"kYAcA,MAAM,mBAAmB,GAAG,KAAC,IAAS;AAClC,EAAA,MAAA,kBAAwB,GAAA,WAAc,CAAA,KAAY,IAAA,UAAW,CAAA,UAAK,CAAA;AAElE,EAAA,MAAA,QAAc,GAAA,mBAAsB,CAAA;AACpC,IAAA;IACA,WAAM,EAAA;AACF,GAAA,CAAA;AACA,EAAA,MAAA,WAAW,GAAc,mBAAA,CAAA;AAC5B,IAAA,SAAE,EAAA;AACH,MAAA,OAAgB,EAAA;AAChB,KAAA;IAEA,WACK,EAAA;;sBAKQ,GAAA,oBAAU;AAI3B,IAAE,SAAA,EAAA;AACF,MAAA,OAAA,EAAe;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DashboardWithLoader.js","sources":["../../src/containers/DashboardWithLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"4RAYA,MAAM,mBAAmB,GAAG,KAAC,IAAS;AAClC,EAAA,MAAA,kBAAwB,GAAA,WAAc,CAAA,KAAY,IAAA,UAAW,CAAA,UAAK,CAAA;AAElE,EAAA,MAAA,QAAc,GAAA,mBAAsB,CAAA;AACpC,IAAA;IACA,WAAM,EAAA;AACF,GAAA,CAAA;AACA,EAAA,MAAA,WAAW,GAAc,mBAAA,CAAA;AAC5B,IAAA,SAAE,EAAA;AACH,MAAA,OAAgB,EAAA;AAChB,KAAA;IAEA,WACK,EAAA;AAGW,GAAA,CAAA;AAIR,EAAA,MAAA,cAAA,GAAA,mBACW,CAAA;aAON,EAAA;AAIjB,MAAE,OAAA,EAAA;AACF,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/platform-browser",
-    "version": "10.0.3-alpha.7",
+    "version": "10.0.3-alpha.72",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -20,9 +20,9 @@
         "watch": "yarn build:lib:watch"
     },
     "dependencies": {
-        "@container-stack/file-info-client": "^5.4.1-alpha.6",
-        "@messenger-box/core": "10.0.3-alpha.7",
-        "@messenger-box/platform-client": "10.0.3-alpha.7",
+        "@container-stack/file-info-client": "^5.4.1-alpha.9",
+        "@messenger-box/core": "10.0.3-alpha.72",
+        "@messenger-box/platform-client": "10.0.3-alpha.72",
         "css-vars-ponyfill": "2.4.5",
         "dynamic-virtualized-list": "github:mattermost/dynamic-virtualized-list#119db968c96643c7106d4d2c965f05b2e251bc83",
         "emoji-mart": "^3.0.1",
@@ -50,5 +50,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "6c95ed48d37a8f95b0c3db71c1922c0e9e76bcfe"
+    "gitHead": "b4e54a34578a1a63afbe7ab48644b86e5cc8858f"
 }

package/src/components/InboxMessage/InboxDetails/index.tsx

@@ -1,24 +1,22 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button } from '@chakra-ui/react';
 import { AiOutlineClose } from '@react-icons/all-files/ai/AiOutlineClose';
-import { css } from '@emotion/css';
-import { styleSheet } from './style';
 
-export default function InboxDetails({ handleToggle, toggleDrawer }: any) {
+interface InboxDetailsProps {
+    handleToggle: () => void;
+    toggleDrawer?: boolean;
+}
+
+export default function InboxDetails({ handleToggle, toggleDrawer }: InboxDetailsProps) {
     const { t } = useTranslation();
 
     return (
-        <div className={css(styleSheet.detailDrawerStyles)}>
-            <div className="details">
-                <h4> {t('messenger_box_browser.details')}</h4>
-                <Button
-                    onClick={handleToggle}
-                    as="a"
-                    className="close-btn"
-                    marginRight="10px"
-                    rightIcon={<AiOutlineClose color="black" />}
-                ></Button>
+        <div className="fixed right-0 top-0 h-full w-80 bg-white shadow-lg border-l border-gray-200">
+            <div className="flex items-center justify-between p-4 border-b border-gray-200">
+                <h4 className="text-lg font-medium text-gray-900">{t('messenger_box_browser.details')}</h4>
+                <button onClick={handleToggle} className="p-2 hover:bg-gray-100 rounded-full transition-colors">
+                    <AiOutlineClose className="w-5 h-5 text-gray-500" />
+                </button>
             </div>
         </div>
     );