michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Add suggested room label in manage rooms

Browse source 
Signed-off-by: ajbura <ajbura@gmail.com>
This commit is contained in:
ajbura 2022-02-19 13:40:32 +05:30
parent 86bbaa437e
commit d87e40ada5
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/organisms/space-manage/SpaceManage.jsx
View file

@ -69,10 +69,11 @@ function SpaceManageItem({
const { directs } = initMatrix.roomList; const { directs } = initMatrix.roomList;
const mx = initMatrix.matrixClient; const mx = initMatrix.matrixClient;
const parentRoom = mx.getRoom(parentId); const parentRoom = mx.getRoom(parentId);
const canManage = parentRoom?.currentState.maySendStateEvent('m.space.child', mx.getUserId()) || false;
const isSpace = roomInfo.room_type === 'm.space'; const isSpace = roomInfo.room_type === 'm.space';
const roomId = roomInfo.room_id; const roomId = roomInfo.room_id;
const canManage = parentRoom?.currentState.maySendStateEvent('m.space.child', mx.getUserId()) || false;
const isSuggested = parentRoom?.currentState.getStateEvents('m.space.child', roomId)?.getContent().suggested === true;
const room = mx.getRoom(roomId); const room = mx.getRoom(roomId);
const isJoined = !!(room?.getMyMembership() === 'join' || null); const isJoined = !!(room?.getMyMembership() === 'join' || null);
const name = room?.name || roomInfo.name || roomInfo.canonical_alias || roomId; const name = room?.name || roomInfo.name || roomInfo.canonical_alias || roomId;
@ -135,6 +136,7 @@ function SpaceManageItem({
> >
{roomAvatarJSX} {roomAvatarJSX}
{roomNameJSX} {roomNameJSX}
{isSuggested && <Text variant="b2">Suggested</Text>}
</button> </button>
{roomInfo.topic && expandBtnJsx} {roomInfo.topic && expandBtnJsx}
{ {

11
src/app/organisms/space-manage/SpaceManage.scss
View file

@ -106,15 +106,24 @@
&__btn { &__btn {
@extend .cp-fx__item-one; @extend .cp-fx__item-one;
display: flex; display: flex;
align-items: center;
& .avatar__border--active { & .avatar__border--active {
box-shadow: none; box-shadow: none;
} }
& .text { & > .text-b1 {
@extend .cp-fx__item-one;
@extend .cp-txt__ellipsis; @extend .cp-txt__ellipsis;
min-width: 0; min-width: 0;
margin: 0 var(--sp-extra-tight); margin: 0 var(--sp-extra-tight);
} }
& > .text-b2 {
margin: 0 var(--sp-extra-tight);
padding: 1px var(--sp-ultra-tight);
color: var(--bg-positive);
box-shadow: var(--bs-positive-border);
border-radius: 4px;
}
} }
& .ic-btn { & .ic-btn {