Improve Members Right Panel (#1286)
authorAjay Bura <32841439+ajbura@users.noreply.github.com>
Wed, 21 Jun 2023 23:14:50 +0000 (09:14 +1000)
committerGitHub <noreply@github.com>
Wed, 21 Jun 2023 23:14:50 +0000 (09:14 +1000)
commitc07905c360c7c975d9eda39964764ff0cb63ad01
treed1db9e3400ce8b18577ba740759624eca14d6b3a
parentda32d0d9e7b2ccee0352cc63999fbf23bd4de869
Improve Members Right Panel (#1286)

* fix room members hook

* fix resize observer hook

* add intersection observer hook

* install react-virtual lib

* improve right panel - WIP

* add filters for members

* fix bug in async search

* categories members and add search

* show spinner on room member fetch

* make invite member btn clickable

* so no member text

* add line between room view and member drawer

* fix imports

* add screen size hook

* fix set setting hook

* make member drawer responsive

* extract power level tags hook

* fix room members hook

* fix use async search api

* produce search result on filter change
19 files changed:
package-lock.json
package.json
src/app/components/editor/autocomplete/EmoticonAutocomplete.tsx
src/app/components/editor/autocomplete/RoomMentionAutocomplete.tsx
src/app/components/editor/autocomplete/UserMentionAutocomplete.tsx
src/app/components/emoji-board/EmojiBoard.tsx
src/app/hooks/useAsyncSearch.ts
src/app/hooks/useIntersectionObserver.ts [new file with mode: 0644]
src/app/hooks/usePowerLevelTags.ts [new file with mode: 0644]
src/app/hooks/useResizeObserver.ts
src/app/hooks/useRoomMembers.ts
src/app/hooks/useScreenSize.ts [new file with mode: 0644]
src/app/organisms/room/MembersDrawer.css.ts [new file with mode: 0644]
src/app/organisms/room/MembersDrawer.tsx [new file with mode: 0644]
src/app/organisms/room/Room.jsx
src/app/organisms/room/RoomInput.tsx
src/app/organisms/room/RoomViewContent.jsx
src/app/organisms/room/RoomViewHeader.jsx
src/app/state/hooks/settings.ts