{
- onUsageChange(newUsage);
- closeMenu();
- }}
- />
- ),
- );
- };
-
- return (
-
- {
- onAvatarChange
- ? (
-
onAvatarChange(undefined)}
- />
- )
- :
- }
-
- {
- isEdit
- ? (
-
- ) : (
- <>
-
- {displayName}
- {onEditProfile && setIsEdit(true)} src={PencilIC} tooltip="Edit" />}
-
- {attribution &&
{attribution}}
-
- )
- }
-
- Pack usage
-
-
-
- Usage
-
-
-
-
- );
-}
-
-ImagePackUsageSelector.propTypes = {
- usage: PropTypes.oneOf(['emoticon', 'sticker', 'both']).isRequired,
- onSelect: PropTypes.func.isRequired,
-};
-
-export default ImagePackUsageSelector;
diff --git a/src/app/molecules/room-aliases/RoomAliases.jsx b/src/app/molecules/room-aliases/RoomAliases.jsx
deleted file mode 100644
index a96fbb8..0000000
--- a/src/app/molecules/room-aliases/RoomAliases.jsx
+++ /dev/null
@@ -1,359 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import './RoomAliases.scss';
-import { EventTimeline } from 'matrix-js-sdk';
-
-import cons from '../../../client/state/cons';
-import { Debounce } from '../../../util/common';
-import { isRoomAliasAvailable } from '../../../util/matrixUtil';
-
-import Text from '../../atoms/text/Text';
-import Button from '../../atoms/button/Button';
-import Input from '../../atoms/input/Input';
-import Checkbox from '../../atoms/button/Checkbox';
-import Toggle from '../../atoms/button/Toggle';
-import { MenuHeader } from '../../atoms/context-menu/ContextMenu';
-import SettingTile from '../setting-tile/SettingTile';
-
-import { useStore } from '../../hooks/useStore';
-import { useMatrixClient } from '../../hooks/useMatrixClient';
-
-function useValidate(hsString) {
- const mx = useMatrixClient();
- const [debounce] = useState(new Debounce());
- const [validate, setValidate] = useState({ alias: null, status: cons.status.PRE_FLIGHT });
-
- const setValidateToDefault = () => {
- setValidate({
- alias: null,
- status: cons.status.PRE_FLIGHT,
- });
- };
-
- const checkValueOK = (value) => {
- if (value.trim() === '') {
- setValidateToDefault();
- return false;
- }
- if (!value.match(/^[a-zA-Z0-9_-]+$/)) {
- setValidate({
- alias: null,
- status: cons.status.ERROR,
- msg: 'Invalid character: only letter, numbers and _- are allowed.',
- });
- return false;
- }
- return true;
- };
-
- const handleAliasChange = (e) => {
- const input = e.target;
- if (validate.status !== cons.status.PRE_FLIGHT) {
- setValidateToDefault();
- }
- if (checkValueOK(input.value) === false) return;
-
- debounce._(async () => {
- const { value } = input;
- const alias = `#${value}:${hsString}`;
- if (checkValueOK(value) === false) return;
-
- setValidate({
- alias,
- status: cons.status.IN_FLIGHT,
- msg: `validating ${alias}...`,
- });
-
- const isValid = await isRoomAliasAvailable(mx, alias);
- setValidate(() => {
- if (e.target.value !== value) {
- return { alias: null, status: cons.status.PRE_FLIGHT };
- }
- return {
- alias,
- status: isValid ? cons.status.SUCCESS : cons.status.ERROR,
- msg: isValid ? `${alias} is available.` : `${alias} is already in use.`,
- };
- });
- }, 600)();
- };
-
- return [validate, setValidateToDefault, handleAliasChange];
-}
-
-function getAliases(mx, roomId) {
- const room = mx.getRoom(roomId);
-
- const main = room.getCanonicalAlias();
- const published = room.getAltAliases();
- if (main && !published.includes(main)) published.splice(0, 0, main);
-
- return {
- main,
- published: [...new Set(published)],
- local: [],
- };
-}
-
-function RoomAliases({ roomId }) {
- const mx = useMatrixClient();
- const room = mx.getRoom(roomId);
- const userId = mx.getUserId();
- const hsString = userId.slice(userId.indexOf(':') + 1);
-
- const isMountedStore = useStore();
- const [isPublic, setIsPublic] = useState(false);
- const [isLocalVisible, setIsLocalVisible] = useState(false);
- const [aliases, setAliases] = useState(getAliases(mx, roomId));
- const [selectedAlias, setSelectedAlias] = useState(null);
- const [deleteAlias, setDeleteAlias] = useState(null);
- const [validate, setValidateToDefault, handleAliasChange] = useValidate(hsString);
-
- const canPublishAlias = room.getLiveTimeline().getState(EventTimeline.FORWARDS)?.maySendStateEvent('m.room.canonical_alias', userId);
-
- useEffect(() => {
- isMountedStore.setItem(true)
- }, []);
-
- useEffect(() => {
- let isUnmounted = false;
-
- const loadLocalAliases = async () => {
- let local = [];
- try {
- const result = await mx.getLocalAliases(roomId);
- local = result.aliases.filter((alias) => !aliases.published.includes(alias));
- } catch {
- local = [];
- }
- aliases.local = [...new Set(local.reverse())];
-
- if (isUnmounted) return;
- setAliases({ ...aliases });
- };
- const loadVisibility = async () => {
- const result = await mx.getRoomDirectoryVisibility(roomId);
- if (isUnmounted) return;
- setIsPublic(result.visibility === 'public');
- };
- loadLocalAliases();
- loadVisibility();
- return () => {
- isUnmounted = true;
- };
- }, [mx, roomId]);
-
- const toggleDirectoryVisibility = () => {
- mx.setRoomDirectoryVisibility(roomId, isPublic ? 'private' : 'public');
- setIsPublic(!isPublic);
- };
-
- const handleAliasSubmit = async (e) => {
- e.preventDefault();
- if (validate.status === cons.status.ERROR) return;
- if (!validate.alias) return;
-
- const { alias } = validate;
- const aliasInput = e.target.elements['alias-input'];
- aliasInput.value = '';
- setValidateToDefault();
-
- try {
- aliases.local.push(alias);
- setAliases({ ...aliases });
- await mx.createAlias(alias, roomId);
- } catch {
- if (isMountedStore.getItem()) {
- const lIndex = alias.local.indexOf(alias);
- if (lIndex === -1) return;
- aliases.local.splice(lIndex, 1);
- setAliases({ ...aliases });
- }
- }
- };
-
- const handleAliasSelect = (alias) => {
- setSelectedAlias(alias === selectedAlias ? null : alias);
- };
-
- const handlePublishAlias = (alias) => {
- const { main, published } = aliases;
- let { local } = aliases;
-
- if (!published.includes(aliases)) {
- published.push(alias);
- local = local.filter((al) => al !== alias);
- mx.sendStateEvent(roomId, 'm.room.canonical_alias', {
- alias: main,
- alt_aliases: published.filter((al) => al !== main),
- });
- setAliases({ main, published, local });
- setSelectedAlias(null);
- }
- };
-
- const handleUnPublishAlias = (alias) => {
- let { main, published } = aliases;
- const { local } = aliases;
-
- if (published.includes(alias) || main === alias) {
- if (main === alias) main = null;
- published = published.filter((al) => al !== alias);
- local.push(alias);
- mx.sendStateEvent(roomId, 'm.room.canonical_alias', {
- alias: main,
- alt_aliases: published.filter((al) => al !== main),
- });
- setAliases({ main, published, local });
- setSelectedAlias(null);
- }
- };
-
- const handleSetMainAlias = (alias) => {
- let { main, local } = aliases;
- const { published } = aliases;
-
- if (main !== alias) {
- main = alias;
- if (!published.includes(alias)) published.splice(0, 0, alias);
- local = local.filter((al) => al !== alias);
- mx.sendStateEvent(roomId, 'm.room.canonical_alias', {
- alias: main,
- alt_aliases: published.filter((al) => al !== main),
- });
- setAliases({ main, published, local });
- setSelectedAlias(null);
- }
- };
-
- const handleDeleteAlias = async (alias) => {
- try {
- setDeleteAlias({ alias, status: cons.status.IN_FLIGHT, msg: 'deleting...' });
- await mx.deleteAlias(alias);
- let { main, published, local } = aliases;
- if (published.includes(alias)) {
- handleUnPublishAlias(alias);
- if (main === alias) main = null;
- published = published.filter((al) => al !== alias);
- }
-
- local = local.filter((al) => al !== alias);
- setAliases({ main, published, local });
- setDeleteAlias(null);
- setSelectedAlias(null);
- } catch (err) {
- setDeleteAlias({ alias, status: cons.status.ERROR, msg: err.message });
- }
- };
-
- const renderAliasBtns = (alias) => {
- const isPublished = aliases.published.includes(alias);
- const isMain = aliases.main === alias;
- if (deleteAlias?.alias === alias) {
- const isError = deleteAlias.status === cons.status.ERROR;
- return (
-
-
- {deleteAlias.msg}
-
-
- );
- }
-
- return (
-
- {canPublishAlias && !isMain && }
- {!isPublished && canPublishAlias && }
- {isPublished && canPublishAlias && }
-
-
- );
- };
-
- const renderAlias = (alias) => {
- const isActive = selectedAlias === alias;
- const disabled = !canPublishAlias && aliases.published.includes(alias);
- const isMain = aliases.main === alias;
-
- return (
-
-
- handleAliasSelect(alias)} />
-
- {alias}
- {isMain && Main}
-
-
- {isActive && renderAliasBtns(alias)}
-
- );
- };
-
- let inputState = 'normal';
- if (validate.status === cons.status.ERROR) inputState = 'error';
- if (validate.status === cons.status.SUCCESS) inputState = 'success';
- return (
-
-
{`Publish this ${room.isSpaceRoom() ? 'space' : 'room'} to the ${hsString}'s public room directory?`}}
- options={(
-
- )}
- />
-
-
- Published addresses
- {(aliases.published.length === 0) && No published addresses}
- {(aliases.published.length > 0 && !aliases.main) && No Main address (select one from below)}
- {aliases.published.map(renderAlias)}
-
- {`Published addresses can be used by anyone on any server to join your ${room.isSpaceRoom() ? 'space' : 'room'}. To publish an address, it needs to be set as a local address first.`}
-
-
- { isLocalVisible && (
-
-
Local addresses
- {(aliases.local.length === 0) &&
No local addresses}
- {aliases.local.map(renderAlias)}
-
- {`Set local addresses for this ${room.isSpaceRoom() ? 'space' : 'room'} so users can find this ${room.isSpaceRoom() ? 'space' : 'room'} through your homeserver.`}
-
-
-
Add local address
-
-
- {validate.status === cons.status.SUCCESS && {validate.msg}}
- {validate.status === cons.status.ERROR && {validate.msg}}
-
-
-
-
-
- { canChange && (
-
- Create Pack
-
-
- )}
- {
- usablePacks.length > 0
- ? usablePacks.reverse().map((mEvent) => (
-
- )) : (
-
- No emoji or sticker pack.
-
- )
- }
-
- Once enabled, encryption cannot be disabled.
- )}
- options={(
-
- )}
- />
-
- );
-}
-
-RoomEncryption.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-export default RoomEncryption;
diff --git a/src/app/molecules/room-encryption/RoomEncryption.scss b/src/app/molecules/room-encryption/RoomEncryption.scss
deleted file mode 100644
index 1c521f4..0000000
--- a/src/app/molecules/room-encryption/RoomEncryption.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.room-encryption {
- & .setting-tile {
- margin: var(--sp-normal);
- }
-}
\ No newline at end of file
diff --git a/src/app/molecules/room-history-visibility/RoomHistoryVisibility.jsx b/src/app/molecules/room-history-visibility/RoomHistoryVisibility.jsx
deleted file mode 100644
index c897cb3..0000000
--- a/src/app/molecules/room-history-visibility/RoomHistoryVisibility.jsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import './RoomHistoryVisibility.scss';
-
-
-import Text from '../../atoms/text/Text';
-import RadioButton from '../../atoms/button/RadioButton';
-import { MenuItem } from '../../atoms/context-menu/ContextMenu';
-import { useMatrixClient } from '../../hooks/useMatrixClient';
-
-const visibility = {
- WORLD_READABLE: 'world_readable',
- SHARED: 'shared',
- INVITED: 'invited',
- JOINED: 'joined',
-};
-
-const items = [{
- iconSrc: null,
- text: 'Anyone (including guests)',
- type: visibility.WORLD_READABLE,
-}, {
- iconSrc: null,
- text: 'Members (all messages)',
- type: visibility.SHARED,
-}, {
- iconSrc: null,
- text: 'Members (messages after invite)',
- type: visibility.INVITED,
-}, {
- iconSrc: null,
- text: 'Members (messages after join)',
- type: visibility.JOINED,
-}];
-
-
-function useVisibility(roomId) {
- const mx = useMatrixClient();
- const room = mx.getRoom(roomId);
-
- const [activeType, setActiveType] = useState(room.getHistoryVisibility());
- useEffect(() => {
- setActiveType(room.getHistoryVisibility());
- }, [room]);
-
- const setVisibility = useCallback((item) => {
- if (item.type === activeType.type) return;
- setActiveType(item.type);
- mx.sendStateEvent(
- roomId, 'm.room.history_visibility',
- {
- history_visibility: item.type,
- },
- );
- }, [mx, activeType, roomId]);
-
- return [activeType, setVisibility];
-}
-
-function RoomHistoryVisibility({ roomId }) {
- const [activeType, setVisibility] = useVisibility(roomId);
- const mx = useMatrixClient();
- const userId = mx.getUserId();
- const room = mx.getRoom(roomId);
- const { currentState } = room;
-
- const canChange = currentState.maySendStateEvent('m.room.history_visibility', userId);
-
- return (
-
- {
- items.map((item) => (
-
- ))
- }
- Changes to history visibility will only apply to future messages. The visibility of existing history will have no effect.
-
- );
-}
-
-RoomHistoryVisibility.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-export default RoomHistoryVisibility;
diff --git a/src/app/molecules/room-history-visibility/RoomHistoryVisibility.scss b/src/app/molecules/room-history-visibility/RoomHistoryVisibility.scss
deleted file mode 100644
index b9e0a2c..0000000
--- a/src/app/molecules/room-history-visibility/RoomHistoryVisibility.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@use '../../partials/flex';
-@use '../../partials/dir';
-@use '../../partials/text';
-
-.room-history-visibility {
- & .context-menu__item .text {
- margin: 0 !important;
- @extend .cp-fx__item-one;
- @extend .cp-fx__row--s-c;
-
- & span:first-child {
- @extend .cp-fx__item-one;
- @extend .cp-txt__ellipsis;
- }
-
- & .radio-btn {
- @include dir.side(margin, var(--sp-tight), 0);
- }
- }
-
- & > .text {
- margin: var(--sp-normal);
- margin-top: var(--sp-ultra-tight);
- }
-}
\ No newline at end of file
diff --git a/src/app/molecules/room-intro/RoomIntro.jsx b/src/app/molecules/room-intro/RoomIntro.jsx
deleted file mode 100644
index 2ec46cb..0000000
--- a/src/app/molecules/room-intro/RoomIntro.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './RoomIntro.scss';
-
-import colorMXID from '../../../util/colorMXID';
-
-import Text from '../../atoms/text/Text';
-import Avatar from '../../atoms/avatar/Avatar';
-
-function RoomIntro({
- roomId, avatarSrc, name, heading, desc, time,
-}) {
- return (
-
-
-
- {heading}
- {desc}
- { time !== null && {time}}
-
-
-
Search member
-
-
- {`${searchMembers ? `Found — ${mList.length}` : members.length} members`}
- {
- const getSegmentIndex = { join: 0, invite: 1, ban: 2 };
- return getSegmentIndex[membership];
- })()
- }
- segments={[{ text: 'Joined' }, { text: 'Invited' }, { text: 'Banned' }]}
- onSelect={(index) => {
- const memberships = ['join', 'invite', 'ban'];
- setMembership(memberships[index]);
- }}
- />
-
-
- {mList.map((member) => (
-
openProfileViewer(member.userId, roomId)}
- avatarSrc={member.avatarSrc}
- name={member.name}
- color={colorMXID(member.userId)}
- peopleRole={member.peopleRole}
- />
- ))}
- {
- (searchMembers?.data.length === 0 || members.length === 0)
- && (
-
-
- {searchMembers ? `No results found for "${searchMembers.term}"` : 'No members to display'}
-
-
- )
- }
- {
- mList.length !== 0
- && members.length > itemCount
- && searchMembers === null
- &&
- }
-
-
- {items.map((item) => (
-
- ))}
-
- );
-}
-
-RoomNotification.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-export default RoomNotification;
diff --git a/src/app/molecules/room-notification/RoomNotification.scss b/src/app/molecules/room-notification/RoomNotification.scss
deleted file mode 100644
index a831b34..0000000
--- a/src/app/molecules/room-notification/RoomNotification.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@use '../../partials/flex';
-@use '../../partials/dir';
-@use '../../partials/text';
-
-.room-notification {
- & .context-menu__item .text {
- @extend .cp-fx__item-one;
- @extend .cp-fx__row--s-c;
-
- & span:first-child {
- @extend .cp-fx__item-one;
- @extend .cp-txt__ellipsis;
- }
-
- & .radio-btn {
- @include dir.side(margin, var(--sp-tight), 0);
- }
- }
-}
\ No newline at end of file
diff --git a/src/app/molecules/room-permissions/RoomPermissions.jsx b/src/app/molecules/room-permissions/RoomPermissions.jsx
deleted file mode 100644
index 7629558..0000000
--- a/src/app/molecules/room-permissions/RoomPermissions.jsx
+++ /dev/null
@@ -1,284 +0,0 @@
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import './RoomPermissions.scss';
-import { EventTimeline } from 'matrix-js-sdk';
-
-import { getPowerLabel } from '../../../util/matrixUtil';
-import { openReusableContextMenu } from '../../../client/action/navigation';
-import { getEventCords } from '../../../util/common';
-
-import Text from '../../atoms/text/Text';
-import Button from '../../atoms/button/Button';
-import { MenuHeader } from '../../atoms/context-menu/ContextMenu';
-import PowerLevelSelector from '../power-level-selector/PowerLevelSelector';
-import SettingTile from '../setting-tile/SettingTile';
-
-import ChevronBottomIC from '../../../../public/res/ic/outlined/chevron-bottom.svg';
-
-import { useForceUpdate } from '../../hooks/useForceUpdate';
-import { useMatrixClient } from '../../hooks/useMatrixClient';
-import { getStateEvent } from '../../utils/room';
-
-const permissionsInfo = {
- users_default: {
- name: 'Default role',
- description: 'Set default role for all members.',
- default: 0,
- },
- events_default: {
- name: 'Send messages',
- description: 'Set minimum power level to send messages in room.',
- default: 0,
- },
- 'm.reaction': {
- parent: 'events',
- name: 'Send reactions',
- description: 'Set minimum power level to send reactions in room.',
- default: 0,
- },
- redact: {
- name: 'Delete messages sent by others',
- description: 'Set minimum power level to delete messages in room.',
- default: 50,
- },
- notifications: {
- name: 'Ping room',
- description: 'Set minimum power level to ping room.',
- default: {
- room: 50,
- },
- },
- 'm.space.child': {
- parent: 'events',
- name: 'Manage rooms in space',
- description: 'Set minimum power level to manage rooms in space.',
- default: 50,
- },
- invite: {
- name: 'Invite',
- description: 'Set minimum power level to invite members.',
- default: 50,
- },
- kick: {
- name: 'Kick',
- description: 'Set minimum power level to kick members.',
- default: 50,
- },
- ban: {
- name: 'Ban',
- description: 'Set minimum power level to ban members.',
- default: 50,
- },
- 'm.room.avatar': {
- parent: 'events',
- name: 'Change avatar',
- description: 'Set minimum power level to change room/space avatar.',
- default: 50,
- },
- 'm.room.name': {
- parent: 'events',
- name: 'Change name',
- description: 'Set minimum power level to change room/space name.',
- default: 50,
- },
- 'm.room.topic': {
- parent: 'events',
- name: 'Change topic',
- description: 'Set minimum power level to change room/space topic.',
- default: 50,
- },
- state_default: {
- name: 'Change settings',
- description: 'Set minimum power level to change settings.',
- default: 50,
- },
- 'm.room.canonical_alias': {
- parent: 'events',
- name: 'Change published address',
- description: 'Set minimum power level to publish and set main address.',
- default: 50,
- },
- 'm.room.power_levels': {
- parent: 'events',
- name: 'Change permissions',
- description: 'Set minimum power level to change permissions.',
- default: 50,
- },
- 'm.room.encryption': {
- parent: 'events',
- name: 'Enable room encryption',
- description: 'Set minimum power level to enable room encryption.',
- default: 50,
- },
- 'm.room.history_visibility': {
- parent: 'events',
- name: 'Change history visibility',
- description: 'Set minimum power level to change room messages history visibility.',
- default: 50,
- },
- 'm.room.tombstone': {
- parent: 'events',
- name: 'Upgrade room',
- description: 'Set minimum power level to upgrade room.',
- default: 50,
- },
- 'm.room.pinned_events': {
- parent: 'events',
- name: 'Pin messages',
- description: 'Set minimum power level to pin messages in room.',
- default: 50,
- },
- 'm.room.server_acl': {
- parent: 'events',
- name: 'Change server ACLs',
- description: 'Set minimum power level to change server ACLs.',
- default: 50,
- },
- 'im.vector.modular.widgets': {
- parent: 'events',
- name: 'Modify widgets',
- description: 'Set minimum power level to modify room widgets.',
- default: 50,
- },
-};
-
-const roomPermsGroups = {
- 'General Permissions': ['users_default', 'events_default', 'm.reaction', 'redact', 'notifications'],
- 'Manage members permissions': ['invite', 'kick', 'ban'],
- 'Room profile permissions': ['m.room.avatar', 'm.room.name', 'm.room.topic'],
- 'Settings permissions': ['state_default', 'm.room.canonical_alias', 'm.room.power_levels', 'm.room.encryption', 'm.room.history_visibility'],
- 'Other permissions': ['m.room.tombstone', 'm.room.pinned_events', 'm.room.server_acl', 'im.vector.modular.widgets'],
-};
-
-const spacePermsGroups = {
- 'General Permissions': ['users_default', 'm.space.child'],
- 'Manage members permissions': ['invite', 'kick', 'ban'],
- 'Space profile permissions': ['m.room.avatar', 'm.room.name', 'm.room.topic'],
- 'Settings permissions': ['state_default', 'm.room.canonical_alias', 'm.room.power_levels'],
-};
-
-function useRoomStateUpdate(roomId) {
- const [, forceUpdate] = useForceUpdate();
- const mx = useMatrixClient();
-
- useEffect(() => {
- const handleStateEvent = (event) => {
- if (event.getRoomId() !== roomId) return;
- forceUpdate();
- };
-
- mx.on('RoomState.events', handleStateEvent);
- return () => {
- mx.removeListener('RoomState.events', handleStateEvent);
- };
- }, [mx, roomId]);
-}
-
-function RoomPermissions({ roomId }) {
- useRoomStateUpdate(roomId);
- const mx = useMatrixClient();
- const room = mx.getRoom(roomId);
- const pLEvent = getStateEvent(room, 'm.room.power_levels');
- const permissions = pLEvent.getContent();
- const canChangePermission = room.getLiveTimeline().getState(EventTimeline.FORWARDS)?.maySendStateEvent('m.room.power_levels', mx.getUserId());
- const myPowerLevel = room.getMember(mx.getUserId())?.powerLevel ?? 100;
-
- const handlePowerSelector = (e, permKey, parentKey, powerLevel) => {
- const handlePowerLevelChange = (newPowerLevel) => {
- if (powerLevel === newPowerLevel) return;
-
- const newPermissions = { ...permissions };
- if (parentKey) {
- newPermissions[parentKey] = {
- ...permissions[parentKey],
- [permKey]: newPowerLevel,
- };
- } else if (permKey === 'notifications') {
- newPermissions[permKey] = {
- ...permissions[permKey],
- room: newPowerLevel,
- };
- } else {
- newPermissions[permKey] = newPowerLevel;
- }
-
- mx.sendStateEvent(roomId, 'm.room.power_levels', newPermissions);
- };
-
- openReusableContextMenu(
- 'bottom',
- getEventCords(e, '.btn-surface'),
- (closeMenu) => (
- {
- closeMenu();
- handlePowerLevelChange(pl);
- }}
- />
- ),
- );
- };
-
- const permsGroups = room.isSpaceRoom() ? spacePermsGroups : roomPermsGroups;
- return (
-
- {
- Object.keys(permsGroups).map((groupKey) => {
- const groupedPermKeys = permsGroups[groupKey];
- return (
-
- {groupKey}
- {
- groupedPermKeys.map((permKey) => {
- const permInfo = permissionsInfo[permKey];
-
- let powerLevel = 0;
- let permValue = permInfo.parent
- ? permissions[permInfo.parent]?.[permKey]
- : permissions[permKey];
-
- if (permValue === undefined) permValue = permInfo.default;
-
- if (typeof permValue === 'number') {
- powerLevel = permValue;
- } else if (permKey === 'notifications') {
- powerLevel = permValue.room ?? 50;
- }
- return (
- {permInfo.description}}
- options={(
-
- )}
- />
- );
- })
- }
-
- );
- })
- }
-
-
-
- {roomName}
-
- {(canChangeName || canChangeTopic) && (
- setIsEditing(true)}
- />
- )}
-
-
{room.getCanonicalAlias() || room.roomId}
- {roomTopic && (
-
- {roomTopic}
-
- )}
-
-
- {!canChangeAvatar && (
-
- )}
- {canChangeAvatar && (
-
handleAvatarUpload(null)}
- />
- )}
- {!isEditing && renderNameAndTopic()}
- {isEditing && renderEditNameAndTopic()}
-
-
- {
- items.map((item) => (
-
- ))
- }
-
- );
-}
-
-RoomVisibility.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-export default RoomVisibility;
diff --git a/src/app/molecules/room-visibility/RoomVisibility.scss b/src/app/molecules/room-visibility/RoomVisibility.scss
deleted file mode 100644
index b3ad966..0000000
--- a/src/app/molecules/room-visibility/RoomVisibility.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@use '../../partials/flex';
-@use '../../partials/dir';
-@use '../../partials/text';
-
-.room-visibility {
- & .context-menu__item .text {
- @extend .cp-fx__item-one;
- @extend .cp-fx__row--s-c;
-
- & span:first-child {
- @extend .cp-fx__item-one;
- @extend .cp-txt__ellipsis;
- }
-
- & .radio-btn {
- @include dir.side(margin, var(--sp-tight), 0);
- }
- }
-}
\ No newline at end of file
diff --git a/src/app/organisms/pw/Windows.jsx b/src/app/organisms/pw/Windows.jsx
index b3fd0b3..77452d1 100644
--- a/src/app/organisms/pw/Windows.jsx
+++ b/src/app/organisms/pw/Windows.jsx
@@ -4,8 +4,6 @@ import cons from '../../../client/state/cons';
import navigation from '../../../client/state/navigation';
import InviteUser from '../invite-user/InviteUser';
-import SpaceSettings from '../space-settings/SpaceSettings';
-import RoomSettings from '../room/RoomSettings';
function Windows() {
const [inviteUser, changeInviteUser] = useState({
@@ -30,16 +28,12 @@ function Windows() {
}, []);
return (
- <>
- changeInviteUser({ isOpen: false, roomId: undefined })}
- />
-
-
-
+ changeInviteUser({ isOpen: false, roomId: undefined })}
+ />
);
}
diff --git a/src/app/organisms/room/RoomSettings.jsx b/src/app/organisms/room/RoomSettings.jsx
deleted file mode 100644
index 69f977b..0000000
--- a/src/app/organisms/room/RoomSettings.jsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import './RoomSettings.scss';
-
-import cons from '../../../client/state/cons';
-import navigation from '../../../client/state/navigation';
-
-import Text from '../../atoms/text/Text';
-import Tabs from '../../atoms/tabs/Tabs';
-import { MenuHeader, MenuItem } from '../../atoms/context-menu/ContextMenu';
-import RoomProfile from '../../molecules/room-profile/RoomProfile';
-import RoomNotification from '../../molecules/room-notification/RoomNotification';
-import RoomVisibility from '../../molecules/room-visibility/RoomVisibility';
-import RoomAliases from '../../molecules/room-aliases/RoomAliases';
-import RoomHistoryVisibility from '../../molecules/room-history-visibility/RoomHistoryVisibility';
-import RoomEncryption from '../../molecules/room-encryption/RoomEncryption';
-import RoomPermissions from '../../molecules/room-permissions/RoomPermissions';
-import RoomMembers from '../../molecules/room-members/RoomMembers';
-import RoomEmojis from '../../molecules/room-emojis/RoomEmojis';
-
-import UserIC from '../../../../public/res/ic/outlined/user.svg';
-import SettingsIC from '../../../../public/res/ic/outlined/settings.svg';
-import EmojiIC from '../../../../public/res/ic/outlined/emoji.svg';
-import ShieldUserIC from '../../../../public/res/ic/outlined/shield-user.svg';
-import LockIC from '../../../../public/res/ic/outlined/lock.svg';
-import LeaveArrowIC from '../../../../public/res/ic/outlined/leave-arrow.svg';
-import CrossIC from '../../../../public/res/ic/outlined/cross.svg';
-
-import { confirmDialog } from '../../molecules/confirm-dialog/ConfirmDialog';
-import PopupWindow from '../../molecules/popup-window/PopupWindow';
-import IconButton from '../../atoms/button/IconButton';
-import { useMatrixClient } from '../../hooks/useMatrixClient';
-
-const tabText = {
- GENERAL: 'General',
- MEMBERS: 'Members',
- EMOJIS: 'Emojis',
- PERMISSIONS: 'Permissions',
- SECURITY: 'Security',
-};
-
-const tabItems = [
- {
- iconSrc: SettingsIC,
- text: tabText.GENERAL,
- disabled: false,
- },
- {
- iconSrc: UserIC,
- text: tabText.MEMBERS,
- disabled: false,
- },
- {
- iconSrc: EmojiIC,
- text: tabText.EMOJIS,
- disabled: false,
- },
- {
- iconSrc: ShieldUserIC,
- text: tabText.PERMISSIONS,
- disabled: false,
- },
- {
- iconSrc: LockIC,
- text: tabText.SECURITY,
- disabled: false,
- },
-];
-
-function GeneralSettings({ roomId }) {
- const mx = useMatrixClient();
- const room = mx.getRoom(roomId);
-
- return (
- <>
-
- Options
-
-
-
- Notification (Changing this will only affect you)
-
-
-
- Room visibility (who can join)
-
-
-
- Room addresses
-
-
-
- );
-}
-
-GeneralSettings.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-function SecuritySettings({ roomId }) {
- return (
- <>
-
- Encryption
-
-
-
- Message history visibility
-
-
-
- );
-}
-SecuritySettings.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-function useWindowToggle(setSelectedTab) {
- const [window, setWindow] = useState(null);
-
- useEffect(() => {
- const openRoomSettings = (roomId, tab) => {
- setWindow({ roomId, tabText });
- const tabItem = tabItems.find((item) => item.text === tab);
- if (tabItem) setSelectedTab(tabItem);
- };
- navigation.on(cons.events.navigation.ROOM_SETTINGS_TOGGLED, openRoomSettings);
- return () => {
- navigation.removeListener(cons.events.navigation.ROOM_SETTINGS_TOGGLED, openRoomSettings);
- };
- }, [setSelectedTab]);
-
- const requestClose = () => setWindow(null);
-
- return [window, requestClose];
-}
-
-function RoomSettings() {
- const [selectedTab, setSelectedTab] = useState(tabItems[0]);
- const [window, requestClose] = useWindowToggle(setSelectedTab);
- const isOpen = window !== null;
- const roomId = window?.roomId;
- const mx = useMatrixClient();
- const room = mx.getRoom(roomId);
-
- const handleTabChange = (tabItem) => {
- setSelectedTab(tabItem);
- };
-
- return (
-
- {isOpen && room.name}
- — room settings
-
- }
- contentOptions={}
- onRequestClose={requestClose}
- >
- {isOpen && (
-
-
-
tab.text === selectedTab.text)}
- onSelect={handleTabChange}
- />
-
- {selectedTab.text === tabText.GENERAL && }
- {selectedTab.text === tabText.MEMBERS && }
- {selectedTab.text === tabText.EMOJIS && }
- {selectedTab.text === tabText.PERMISSIONS && }
- {selectedTab.text === tabText.SECURITY && }
-
-
- Options
-
-
-
- Space visibility (who can join)
-
-
-
- Space addresses
-
-
-
- );
-}
-
-GeneralSettings.propTypes = {
- roomId: PropTypes.string.isRequired,
-};
-
-function useWindowToggle(setSelectedTab) {
- const [window, setWindow] = useState(null);
-
- useEffect(() => {
- const openSpaceSettings = (roomId, tab) => {
- setWindow({ roomId, tabText });
- const tabItem = tabItems.find((item) => item.text === tab);
- if (tabItem) setSelectedTab(tabItem);
- };
- navigation.on(cons.events.navigation.SPACE_SETTINGS_OPENED, openSpaceSettings);
- return () => {
- navigation.removeListener(cons.events.navigation.SPACE_SETTINGS_OPENED, openSpaceSettings);
- };
- }, []);
-
- const requestClose = () => setWindow(null);
-
- return [window, requestClose];
-}
-
-function SpaceSettings() {
- const [selectedTab, setSelectedTab] = useState(tabItems[0]);
- const [window, requestClose] = useWindowToggle(setSelectedTab);
- const isOpen = window !== null;
- const roomId = window?.roomId;
-
- const mx = useMatrixClient();
- const room = mx.getRoom(roomId);
-
- const handleTabChange = (tabItem) => {
- setSelectedTab(tabItem);
- };
-
- return (
-
- {isOpen && room.name}
- — space settings
-
- }
- contentOptions={}
- onRequestClose={requestClose}
- >
- {isOpen && (
-
-
-
tab.text === selectedTab.text)}
- onSelect={handleTabChange}
- />
-
- {selectedTab.text === tabText.GENERAL && }
- {selectedTab.text === tabText.MEMBERS && }
- {selectedTab.text === tabText.EMOJIS && }
- {selectedTab.text === tabText.PERMISSIONS && }
-
-