@messenger-box/platform-browser 10.0.3-alpha.56 → 10.0.3-alpha.61

package/lib/containers/Dashboard.js

@@ -1,8 +1,7 @@
-import*as React from'react';import {useState,useEffect}from'react';import {styleSheet}from'../style.js';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 {css}from'@emotion/css';import {BsGlobe2}from'react-icons/bs';import {useTranslation}from'react-i18next';import {RiAdminFill}from'react-icons/ri';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 {BsGlobe2}from'react-icons/bs';import {useTranslation}from'react-i18next';import {RiAdminFill}from'react-icons/ri';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'));
 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({});
@@ -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({
@@ -108,7 +100,6 @@ const Dashboard = props => {
       }
     }).then(response => {
       setClickedChannel(response.data.addMemberToChannel);
-      // setShowDirectMore(false)
       setDirectMoreModal({
         ...directMoreModal,
         showDirectMore: false
@@ -123,14 +114,8 @@ const Dashboard = props => {
         }
       });
     });
-    // refetch().then((value => {
-    //     setChannels(value.data.channelsByUser)
-    //     setChannelInput({})
-    // }))
-    // allChannels.refetch()
   };
   const handleGo = () => {
-    // console.log('------directModal------', directModal)
     if (selectedValues) {
       let uids = [];
       let dName = currentUser.username + ',';
@@ -171,19 +156,18 @@ 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);
@@ -225,9 +209,7 @@ const Dashboard = props => {
           }
         });
       }
-      // setChannels([...data.channelsByUser, ...fChannel])
       setPublicChannels(joinedChannel);
-      // setModalPublicChannels(modelChannel)
       setDirectMoreModal({
         ...directMoreModal,
         modalPublicChannels: modelChannel
@@ -293,18 +275,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);
@@ -319,15 +290,15 @@ const Dashboard = props => {
     });
   }, []);
   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 +310,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: "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: "flex flex-col h-full"
+  }, React.createElement("div", {
+    className: "space-y-4 py-4"
+  }, 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.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: currentUserRes.data.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(BsGlobe2, {
+    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: currentUserRes.data.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/graphql';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":"+WAcA,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.56",
+    "version": "10.0.3-alpha.61",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -21,8 +21,8 @@
     },
     "dependencies": {
         "@container-stack/file-info-client": "^5.4.1-alpha.6",
-        "@messenger-box/core": "10.0.3-alpha.56",
-        "@messenger-box/platform-client": "10.0.3-alpha.56",
+        "@messenger-box/core": "10.0.3-alpha.61",
+        "@messenger-box/platform-client": "10.0.3-alpha.61",
         "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": "8a60f4a9c52186442afbc210866cf792c4272529"
+    "gitHead": "2749b8e757f3e0a7ffe582895908fbe677bc1928"
 }

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>
     );

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

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Avatar, Button } from '@chakra-ui/react';
 import Moment from 'moment';
-import { css } from '@emotion/css';
 import { inboxData } from '../mock';
-import { styleSheet } from './styles';
 
 type IPropsType = {
     handleSelectMessgae?: any;
@@ -22,7 +19,7 @@ export default function InboxSidebar({ handleSelectMessgae, user, messageList, u
         return item?.id !== userId;
     });
     return (
-        <div className={css(styleSheet.inboxSibarStyles)}>
+        <div className="flex flex-col w-full h-full bg-white">
             {user?.length > 0 ? (
                 user?.map((item, index) => {
                     const lastMessage = messageList[messageList?.length - 1];
@@ -36,44 +33,37 @@ export default function InboxSidebar({ handleSelectMessgae, user, messageList, u
                         return element.id === memberId;
                     });
                     return (
-                        <Button
-                            as="a"
-                            border="none"
-                            bg="none"
-                            width="100%"
-                            borderRadius="10px"
-                            _hover={{ backgroundColor: 'rgb(221, 221, 221)' }}
-                            className="show-message"
-                            paddingLeft="10px"
+                        <button
+                            className="w-full px-3 py-2 text-left hover:bg-gray-100 rounded-lg transition-colors duration-200"
                             onClick={() => handleSelectMessgae(item)}
                             key={index}
                         >
-                            <div className="inbox-contacts">
-                                <Avatar size="md" backgroundColor="grey" borderRadius="50%" width="50px" />
-                                <div className="last-message">
-                                    <h5>{userMember?.username}</h5>
-                                    <p>{lastMessage?.message}</p>
+                            <div className="flex items-center space-x-3">
+                                <div className="w-12 h-12 bg-gray-300 rounded-full flex items-center justify-center">
+                                    {/* Avatar placeholder - you might want to add an actual image here */}
+                                    <span className="text-gray-600 text-xl">{userMember?.username?.charAt(0)}</span>
+                                </div>
+                                <div className="flex-1 min-w-0">
+                                    <h5 className="text-sm font-semibold text-gray-900 truncate">
+                                        {userMember?.username}
+                                    </h5>
+                                    <p className="text-sm text-gray-500 truncate">{lastMessage?.message}</p>
                                 </div>
                             </div>
-                        </Button>
+                        </button>
                     );
                 })
             ) : (
-                <div className="no-messages">
-                    <h4>{t('messenger_box_browser.you_have_no_unread_messages')}</h4>
-                    <p>{t('messenger_box_browser.when_you_book_a_trip_or_experience')}</p>
-                    <Button
-                        variant="outline"
-                        width="110px"
-                        height="40px"
-                        borderRadius="7px"
-                        bg="none"
-                        border="1px solid rgb(34 34 34)"
-                        color="black"
-                        fontWeight="600"
-                    >
+                <div className="flex flex-col items-center justify-center h-full p-6 text-center">
+                    <h4 className="text-lg font-semibold text-gray-900 mb-2">
+                        {t('messenger_box_browser.you_have_no_unread_messages')}
+                    </h4>
+                    <p className="text-sm text-gray-600 mb-6">
+                        {t('messenger_box_browser.when_you_book_a_trip_or_experience')}
+                    </p>
+                    <button className="px-6 py-2 border border-gray-900 rounded-lg text-gray-900 font-semibold hover:bg-gray-100 transition-colors duration-200">
                         {t('messenger_box_browser.explore')}
-                    </Button>
+                    </button>
                 </div>
             )}
         </div>