@messenger-box/chakra-ui-inbox 0.0.1-alpha.310 → 0.0.1-alpha.314
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/lib/components/InboxMessage/ConversationItem.d.ts.map +1 -1
- package/lib/components/InboxMessage/ConversationItem.js +3 -9
- package/lib/components/InboxMessage/ConversationItem.js.map +1 -1
- package/lib/components/InboxMessage/LeftSidebar.d.ts.map +1 -1
- package/lib/components/InboxMessage/LeftSidebar.js +22 -4
- package/lib/components/InboxMessage/LeftSidebar.js.map +1 -1
- package/lib/container/Inbox.d.ts.map +1 -1
- package/lib/container/Inbox.js +14 -5
- package/lib/container/Inbox.js.map +1 -1
- package/package.json +4 -4
- package/src/components/InboxMessage/ConversationItem.tsx +2 -8
- package/src/components/InboxMessage/LeftSidebar.tsx +48 -15
- package/src/container/Inbox.tsx +13 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.0.1-alpha.314](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.313...v0.0.1-alpha.314) (2023-04-03)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **inbox:** add missing scrollbar in conversation list ([1450141](https://github.com/CDEBase/messenger-box/commit/1450141e8cf3d99ed51940551715cec914752e70))
|
|
11
|
+
|
|
12
|
+
## [0.0.1-alpha.312](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.311...v0.0.1-alpha.312) (2023-03-29)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package @messenger-box/chakra-ui-inbox
|
|
15
|
+
|
|
6
16
|
## [0.0.1-alpha.310](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.309...v0.0.1-alpha.310) (2023-03-25)
|
|
7
17
|
|
|
8
18
|
### Bug Fixes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,gBAAgB;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,gBAAgB;;;;;;;;iBA2F5B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {useColorModeValue,Box,Avatar,Flex,Skeleton,Text}from'@chakra-ui/react';import {useMessagesQuery
|
|
1
|
+
import {useColorModeValue,Box,Avatar,Flex,Skeleton,Text}from'@chakra-ui/react';import {useMessagesQuery}from'@messenger-box/platform-client';import {isToday,isYesterday,format}from'date-fns';import React__default,{useMemo}from'react';const createdAtText = (value) => {
|
|
2
2
|
if (!value)
|
|
3
3
|
return '';
|
|
4
4
|
let date = new Date(value);
|
|
@@ -9,7 +9,7 @@ import {useColorModeValue,Box,Avatar,Flex,Skeleton,Text}from'@chakra-ui/react';i
|
|
|
9
9
|
return format(new Date(value), 'MMM dd, yyyy');
|
|
10
10
|
};
|
|
11
11
|
const ConversationItem = ({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, }) => {
|
|
12
|
-
var _a
|
|
12
|
+
var _a;
|
|
13
13
|
const { data: messagesQuery, loading: messageLoading, } = useMessagesQuery({
|
|
14
14
|
variables: {
|
|
15
15
|
channelId: (_a = channel.id) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
@@ -26,12 +26,6 @@ const ConversationItem = ({ showBorder, currentUser, filter, channel, handleSele
|
|
|
26
26
|
}
|
|
27
27
|
return isNotCurrentUser;
|
|
28
28
|
}), [users, currentUser, channel]);
|
|
29
|
-
const { data: userQuery } = useUserAccountQuery({
|
|
30
|
-
variables: {
|
|
31
|
-
userId: chatUser === null || chatUser === void 0 ? void 0 : chatUser.id,
|
|
32
|
-
},
|
|
33
|
-
skip: !(chatUser === null || chatUser === void 0 ? void 0 : chatUser.id)
|
|
34
|
-
});
|
|
35
29
|
// Last Message
|
|
36
30
|
const lastMessage = useMemo(() => {
|
|
37
31
|
var _a, _b;
|
|
@@ -49,7 +43,7 @@ const ConversationItem = ({ showBorder, currentUser, filter, channel, handleSele
|
|
|
49
43
|
return null;
|
|
50
44
|
}
|
|
51
45
|
return (React__default.createElement(Box, Object.assign({ key: `conv_channel_${channel.id}`, cursor: "pointer", display: "flex", alignItems: "center", borderBottomWidth: '1px', borderBottomColor: showBorder ? '#ddd' : 'transparent', p: "3" }, (channel.id == selectedChannelId ? { backgroundColor } : {}), { onClick: () => channel.id !== selectedChannelId && handleSelectChannel(channel.id) }),
|
|
52
|
-
React__default.createElement(Avatar, { width: "60px", height: "60px", backgroundColor: "grey", src:
|
|
46
|
+
React__default.createElement(Avatar, { width: "60px", height: "60px", backgroundColor: "grey", src: chatUser === null || chatUser === void 0 ? void 0 : chatUser.picture }),
|
|
53
47
|
React__default.createElement(Flex, { ml: "2", flexGrow: 1, minW: "40px", maxW: "400px" },
|
|
54
48
|
messageLoading && (React__default.createElement(Skeleton, null)),
|
|
55
49
|
!messageLoading && (React__default.createElement(Box, { display: "flex", flexDirection: 'column', width: "100%" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationItem.js","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConversationItem.js","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":"AAMA,aAAK,gBAAgB,GAAG;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,mBAAmB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,
|
|
1
|
+
{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":"AAMA,aAAK,gBAAgB,GAAG;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,mBAAmB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAwElD,CAAC"}
|
|
@@ -1,13 +1,31 @@
|
|
|
1
|
-
import {SearchIcon}from'@chakra-ui/icons';import {Stack,Skeleton,Box,InputGroup,Input,InputRightElement,Button,Icon}from'@chakra-ui/react';import {GoSettings}from'@react-icons/all-files/go/GoSettings';import React__default,{useState}from'react';import {ConversationItem}from'./ConversationItem.js';const LeftSidebar = (props) => {
|
|
1
|
+
import {SearchIcon}from'@chakra-ui/icons';import {Stack,Skeleton,Box,VStack,InputGroup,Input,InputRightElement,Button,Icon}from'@chakra-ui/react';import {GoSettings}from'@react-icons/all-files/go/GoSettings';import React__default,{useState}from'react';import {ConversationItem}from'./ConversationItem.js';const LeftSidebar = (props) => {
|
|
2
2
|
const { currentUser, handleSelectChannel, users, userChannels, userChannelsLoading, selectedChannelId, } = props;
|
|
3
3
|
const [keyword, setKeyword] = useState('');
|
|
4
4
|
if (userChannelsLoading) {
|
|
5
5
|
return (React__default.createElement(Stack, null, Array(10).fill(1)
|
|
6
6
|
.map((x, y) => (React__default.createElement(Skeleton, { height: "40px", key: y })))));
|
|
7
7
|
}
|
|
8
|
-
return (React__default.createElement(Box, { w: "100%",
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
return (React__default.createElement(Box, { w: "100%",
|
|
9
|
+
// padding="20px 5px"
|
|
10
|
+
borderRightWidth: "1px", borderRightColor: "gray.300" },
|
|
11
|
+
React__default.createElement(SearchInput, { keyword: keyword, setKeyword: setKeyword }),
|
|
12
|
+
React__default.createElement(VStack, { spacing: 2, align: "stretch" },
|
|
13
|
+
React__default.createElement(Box, { w: "100%", h: { base: 'calc(100vh - 220px)', md: 'calc(100vh - 180px)' }, overflow: "auto", padding: "20px 5px", css: {
|
|
14
|
+
'&::-webkit-scrollbar': {
|
|
15
|
+
width: '0.5em',
|
|
16
|
+
},
|
|
17
|
+
'&&::-webkit-scrollbar-button': {
|
|
18
|
+
height: '1em'
|
|
19
|
+
},
|
|
20
|
+
'&::-webkit-scrollbar-track': {
|
|
21
|
+
boxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',
|
|
22
|
+
},
|
|
23
|
+
'&::-webkit-scrollbar-thumb': {
|
|
24
|
+
backgroundColor: 'darkgrey',
|
|
25
|
+
outline: '1px solid slategrey',
|
|
26
|
+
borderRadius: '24px'
|
|
27
|
+
},
|
|
28
|
+
} }, userChannels === null || userChannels === void 0 ? void 0 : userChannels.map((channel, index) => (React__default.createElement(ConversationItem, { key: `conv_channel_${channel.id}`, filter: keyword, channel: channel, currentUser: currentUser, handleSelectChannel: handleSelectChannel, users: users, selectedChannelId: selectedChannelId, showBorder: index != userChannels.length - 1 })))))));
|
|
11
29
|
};
|
|
12
30
|
const SearchInput = ({ keyword, setKeyword }) => {
|
|
13
31
|
return (React__default.createElement(Box, { w: "100%", d: "flex", alignItems: 'center', my: "15px" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,UAAW,UAAU,gBAgT/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/lib/container/Inbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default,{useRef,useState,useMemo,useEffect,useLayoutEffect,useCallback}from'react';import {CHANGE_SETTINGS_ACTION}from'@admin-layout/client';import {uniqBy,orderBy}from'lodash';import {Grid,GridItem,Box,HStack,Text,Divider,Spinner}from'@chakra-ui/react';import {useUploadFiles,useSendMessagesMutation,useGetChannelsByUserQuery,
|
|
1
|
+
import React__default,{useRef,useState,useMemo,useEffect,useLayoutEffect,useCallback}from'react';import {CHANGE_SETTINGS_ACTION}from'@admin-layout/client';import {uniqBy,orderBy}from'lodash';import {Grid,GridItem,Box,HStack,Text,Divider,Spinner}from'@chakra-ui/react';import {useUploadFiles,useSendMessagesMutation,useGetChannelsByUserQuery,useMessagesQuery,useCheckForNewMessagesQuery}from'@messenger-box/platform-client';import {push}from'connected-react-router';import {useDispatch,useSelector}from'react-redux';import {useParams,useLocation,useHistory}from'react-router-dom';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'date-fns';import'@react-icons/all-files/bs/BsFlag';import {LeftSidebar}from'../components/InboxMessage/LeftSidebar.js';import {MessageInput}from'../components/InboxMessage/MessageInput.js';import {Messages}from'../components/InboxMessage/Messages.js';import'@react-icons/all-files/bi/BiImage';import'@react-icons/all-files/ai/AiOutlineSecurityScan';import'@react-icons/all-files/fi/FiCheck';import'@react-icons/all-files/bs/BsFillStarFill';import'@common-stack/components-pro';import {RightSidebar}from'../components/InboxMessage/RightSidebar.js';import'@messenger-box/core';import {userSelector}from'@adminide-stack/user-auth0-client';import {config}from'../config/env-config.js';import {applyFooterStyles}from'./apply-footer-styles.js';import {BiChevronLeft}from'@react-icons/all-files/bi/BiChevronLeft';const { MESSAGES_PER_PAGE } = config;
|
|
2
2
|
const Inbox = (props) => {
|
|
3
3
|
const { channelFilters, channelRole } = props;
|
|
4
4
|
const path = useParams();
|
|
@@ -21,7 +21,6 @@ const Inbox = (props) => {
|
|
|
21
21
|
criteria: channelFilters,
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
|
-
const { data: users } = useGetAllUsersQuery();
|
|
25
24
|
const { data, loading: messageLoading, refetch, } = useMessagesQuery({
|
|
26
25
|
variables: {
|
|
27
26
|
channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
|
|
@@ -38,7 +37,17 @@ const Inbox = (props) => {
|
|
|
38
37
|
fetchPolicy: 'network-only',
|
|
39
38
|
pollInterval: 5000,
|
|
40
39
|
});
|
|
41
|
-
const
|
|
40
|
+
const users = useMemo(() => {
|
|
41
|
+
var _a;
|
|
42
|
+
return ((_a = userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser) === null || _a === void 0 ? void 0 : _a.reduce((acc, curr) => {
|
|
43
|
+
const newMembers = curr.members.filter(({ user }) => acc.findIndex(({ id }) => id === user.id));
|
|
44
|
+
return [
|
|
45
|
+
...acc,
|
|
46
|
+
...newMembers === null || newMembers === void 0 ? void 0 : newMembers.map(({ user }) => user),
|
|
47
|
+
];
|
|
48
|
+
}, [])) || [];
|
|
49
|
+
}, [userChannels]);
|
|
50
|
+
const currentUser = useMemo(() => users === null || users === void 0 ? void 0 : users.find(({ alias }) => alias.includes(auth === null || auth === void 0 ? void 0 : auth.auth0UserId)), [users, auth]);
|
|
42
51
|
useEffect(applyFooterStyles, []);
|
|
43
52
|
useEffect(() => {
|
|
44
53
|
setTimeout(() => {
|
|
@@ -159,8 +168,8 @@ const Inbox = (props) => {
|
|
|
159
168
|
const isOnMobileView = window.innerWidth <= 400;
|
|
160
169
|
const sortedMessages = useMemo(() => orderBy(channelMessages, ['createdAt'], ['asc']), [channelMessages]);
|
|
161
170
|
return (React__default.createElement(Grid, { maxW: "full", h: 'calc(100vh - 82px)', p: "0", borderTopWidth: "1px", borderTopColor: "gray.300", display: { base: 'block', md: 'flex' } },
|
|
162
|
-
!(isOnMobileView && channelId) && (React__default.createElement(GridItem, { top: "82px", w: { base: '100%', md: '320px', lg: '420px' },
|
|
163
|
-
React__default.createElement(LeftSidebar, { currentUser: currentUser, userChannels: userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser, userChannelsLoading: userChannelsLoading, users: users
|
|
171
|
+
!(isOnMobileView && channelId) && (React__default.createElement(GridItem, { top: "82px", w: { base: '100%', md: '320px', lg: '420px' }, display: "flex", flexDirection: "row" },
|
|
172
|
+
React__default.createElement(LeftSidebar, { currentUser: currentUser, userChannels: userChannels === null || userChannels === void 0 ? void 0 : userChannels.channelsByUser, userChannelsLoading: userChannelsLoading, users: users, handleSelectChannel: handleSelectChannel, clearMessages: clearMessages, selectedChannelId: channelId, channelToTop: channelToTop, getChannelsRefetch: getChannelsRefetch }))),
|
|
164
173
|
React__default.createElement(GridItem, { d: "flex", display: "flex", justifyContent: "space-between", flexDirection: 'column', w: { base: '100%', md: 'calc(100% - 320px)', lg: 'calc(100% - 420px)' }, h: '100%' },
|
|
165
174
|
isOnMobileView && channelId && (React__default.createElement(Box, { m: 4 },
|
|
166
175
|
React__default.createElement(HStack, { mb: 2 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inbox.js","sources":["../../src/container/Inbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Inbox.js","sources":["../../src/container/Inbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@messenger-box/chakra-ui-inbox",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.314",
|
|
4
4
|
"description": "Account browser",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@emotion/react": "^11",
|
|
43
43
|
"@emotion/styled": "^11",
|
|
44
|
-
"@messenger-box/core": "0.0.1-alpha.
|
|
45
|
-
"@messenger-box/platform-client": "0.0.1-alpha.
|
|
44
|
+
"@messenger-box/core": "0.0.1-alpha.312",
|
|
45
|
+
"@messenger-box/platform-client": "0.0.1-alpha.312",
|
|
46
46
|
"date-fns": "^2.28.0",
|
|
47
47
|
"date-fns-tz": "^1.3.3",
|
|
48
48
|
"emoji-mart": "^3.0.1",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"typescript": {
|
|
74
74
|
"definition": "lib/index.d.ts"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "44f111edd45e9fbc07765be538861a73dfe7939e"
|
|
77
77
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Avatar, Box, Flex, Skeleton, Text, useColorModeValue } from '@chakra-ui/react';
|
|
2
|
-
import { useMessagesQuery
|
|
2
|
+
import { useMessagesQuery } from '@messenger-box/platform-client';
|
|
3
3
|
import { format, isToday, isYesterday } from 'date-fns';
|
|
4
4
|
import React, { useMemo } from 'react';
|
|
5
5
|
|
|
@@ -39,12 +39,6 @@ export const ConversationItem = ({
|
|
|
39
39
|
return isNotCurrentUser;
|
|
40
40
|
}), [users, currentUser, channel])
|
|
41
41
|
|
|
42
|
-
const { data: userQuery } = useUserAccountQuery({
|
|
43
|
-
variables: {
|
|
44
|
-
userId: chatUser?.id,
|
|
45
|
-
},
|
|
46
|
-
skip: !chatUser?.id
|
|
47
|
-
})
|
|
48
42
|
|
|
49
43
|
// Last Message
|
|
50
44
|
const lastMessage = useMemo(() => {
|
|
@@ -78,7 +72,7 @@ export const ConversationItem = ({
|
|
|
78
72
|
{...(channel.id == selectedChannelId ? { backgroundColor } : {})}
|
|
79
73
|
onClick={() => channel.id !== selectedChannelId && handleSelectChannel(channel.id)}
|
|
80
74
|
>
|
|
81
|
-
<Avatar width="60px" height="60px" backgroundColor="grey" src={
|
|
75
|
+
<Avatar width="60px" height="60px" backgroundColor="grey" src={chatUser?.picture}/>
|
|
82
76
|
<Flex ml="2" flexGrow={1} minW="40px" maxW="400px">
|
|
83
77
|
{
|
|
84
78
|
messageLoading && (
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SearchIcon } from '@chakra-ui/icons';
|
|
2
|
-
import { Box, Button, Icon, Input, InputGroup, InputRightElement, Skeleton, Stack } from '@chakra-ui/react';
|
|
2
|
+
import { Box, Button, Icon, Input, InputGroup, InputRightElement, Skeleton, Stack, VStack } from '@chakra-ui/react';
|
|
3
3
|
import { GoSettings } from '@react-icons/all-files/go/GoSettings';
|
|
4
4
|
import React, { useState } from 'react';
|
|
5
5
|
import { ConversationItem } from './ConversationItem';
|
|
@@ -38,21 +38,54 @@ export const LeftSidebar = (props: LeftSidebarProps) => {
|
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
return (
|
|
41
|
-
<Box
|
|
41
|
+
<Box
|
|
42
|
+
w="100%"
|
|
43
|
+
// padding="20px 5px"
|
|
44
|
+
borderRightWidth="1px"
|
|
45
|
+
borderRightColor="gray.300"
|
|
46
|
+
>
|
|
42
47
|
<SearchInput keyword={keyword} setKeyword={setKeyword}/>
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
<VStack
|
|
49
|
+
spacing={2}
|
|
50
|
+
align="stretch"
|
|
51
|
+
>
|
|
52
|
+
<Box
|
|
53
|
+
w="100%"
|
|
54
|
+
h={{ base: 'calc(100vh - 220px)', md: 'calc(100vh - 180px)' }}
|
|
55
|
+
overflow="auto"
|
|
56
|
+
padding="20px 5px"
|
|
57
|
+
css={{
|
|
58
|
+
'&::-webkit-scrollbar': {
|
|
59
|
+
width: '0.5em',
|
|
60
|
+
},
|
|
61
|
+
'&&::-webkit-scrollbar-button': {
|
|
62
|
+
height: '1em'
|
|
63
|
+
},
|
|
64
|
+
'&::-webkit-scrollbar-track': {
|
|
65
|
+
boxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',
|
|
66
|
+
},
|
|
67
|
+
'&::-webkit-scrollbar-thumb': {
|
|
68
|
+
backgroundColor: 'darkgrey',
|
|
69
|
+
outline: '1px solid slategrey',
|
|
70
|
+
borderRadius: '24px'
|
|
71
|
+
},
|
|
72
|
+
}}
|
|
73
|
+
>
|
|
74
|
+
{userChannels
|
|
75
|
+
?.map((channel, index) => (
|
|
76
|
+
<ConversationItem
|
|
77
|
+
key={`conv_channel_${channel.id}`}
|
|
78
|
+
filter={keyword}
|
|
79
|
+
channel={channel}
|
|
80
|
+
currentUser={currentUser}
|
|
81
|
+
handleSelectChannel={handleSelectChannel}
|
|
82
|
+
users={users}
|
|
83
|
+
selectedChannelId={selectedChannelId}
|
|
84
|
+
showBorder={index != userChannels.length - 1}
|
|
85
|
+
/>
|
|
86
|
+
))}
|
|
87
|
+
</Box>
|
|
88
|
+
</VStack>
|
|
56
89
|
</Box>
|
|
57
90
|
);
|
|
58
91
|
};
|
package/src/container/Inbox.tsx
CHANGED
|
@@ -5,7 +5,6 @@ import { Box, Divider, Grid, GridItem, HStack, Spinner, Text } from '@chakra-ui/
|
|
|
5
5
|
import {
|
|
6
6
|
IFileInfo,
|
|
7
7
|
useCheckForNewMessagesQuery,
|
|
8
|
-
useGetAllUsersQuery,
|
|
9
8
|
useGetChannelsByUserQuery,
|
|
10
9
|
useMessagesQuery,
|
|
11
10
|
useSendMessagesMutation,
|
|
@@ -55,7 +54,6 @@ const Inbox = (props: InboxProps) => {
|
|
|
55
54
|
criteria: channelFilters,
|
|
56
55
|
},
|
|
57
56
|
});
|
|
58
|
-
const { data: users } = useGetAllUsersQuery();
|
|
59
57
|
const {
|
|
60
58
|
data,
|
|
61
59
|
loading: messageLoading,
|
|
@@ -78,8 +76,19 @@ const Inbox = (props: InboxProps) => {
|
|
|
78
76
|
pollInterval: 5000,
|
|
79
77
|
});
|
|
80
78
|
|
|
79
|
+
|
|
80
|
+
const users = useMemo(() => {
|
|
81
|
+
return userChannels?.channelsByUser?.reduce((acc, curr) => {
|
|
82
|
+
const newMembers = curr.members.filter(({ user }) => acc.findIndex(({ id }) => id === user.id));
|
|
83
|
+
return [
|
|
84
|
+
...acc,
|
|
85
|
+
...newMembers?.map(({ user }) => user),
|
|
86
|
+
]
|
|
87
|
+
}, []) || [];
|
|
88
|
+
}, [userChannels]);
|
|
89
|
+
|
|
81
90
|
const currentUser = useMemo(
|
|
82
|
-
() => users?.
|
|
91
|
+
() => users?.find(({ alias }) => alias.includes(auth?.auth0UserId)),
|
|
83
92
|
[users, auth],
|
|
84
93
|
);
|
|
85
94
|
|
|
@@ -233,7 +242,6 @@ const Inbox = (props: InboxProps) => {
|
|
|
233
242
|
<GridItem
|
|
234
243
|
top="82px"
|
|
235
244
|
w={{ base: '100%', md: '320px', lg: '420px' }}
|
|
236
|
-
h={{ base: 'calc(100vh - 100px)', md: 'calc(100vh - 82px)' }}
|
|
237
245
|
display="flex"
|
|
238
246
|
flexDirection="row"
|
|
239
247
|
>
|
|
@@ -241,7 +249,7 @@ const Inbox = (props: InboxProps) => {
|
|
|
241
249
|
currentUser={currentUser}
|
|
242
250
|
userChannels={userChannels?.channelsByUser}
|
|
243
251
|
userChannelsLoading={userChannelsLoading}
|
|
244
|
-
users={users
|
|
252
|
+
users={users}
|
|
245
253
|
handleSelectChannel={handleSelectChannel}
|
|
246
254
|
clearMessages={clearMessages}
|
|
247
255
|
selectedChannelId={channelId}
|