f82cfead46
* WIP - support room version 12 * add room creators hook * revert changes from powerlevels * improve use room creators hook * add hook to get dm users * add options to add creators in create room/space * add member item component in member drawer * remove unused import * extract member drawer header component * get room creators as set only if room version support them * add room permissions hook * support room v12 creators power * make predecessor event id optional * add info about founders in permissions * allow to create infinite powers to room creators * allow everyone with permission to create infinite power * handle additional creators in room upgrade * add option to follow space tombstone
74 lines
2.6 KiB
TypeScript
74 lines
2.6 KiB
TypeScript
import React, { useState } from 'react';
|
|
import { Box, Icon, IconButton, Icons, Scroll, Text } from 'folds';
|
|
import { Page, PageContent, PageHeader } from '../../../components/page';
|
|
import { useRoom } from '../../../hooks/useRoom';
|
|
import { usePowerLevels } from '../../../hooks/usePowerLevels';
|
|
import { useMatrixClient } from '../../../hooks/useMatrixClient';
|
|
import { StateEvent } from '../../../../types/matrix/room';
|
|
import { usePermissionGroups } from './usePermissionItems';
|
|
import { PermissionGroups, Powers, PowersEditor } from '../../common-settings/permissions';
|
|
import { useRoomCreators } from '../../../hooks/useRoomCreators';
|
|
import { useRoomPermissions } from '../../../hooks/useRoomPermissions';
|
|
|
|
type PermissionsProps = {
|
|
requestClose: () => void;
|
|
};
|
|
export function Permissions({ requestClose }: PermissionsProps) {
|
|
const mx = useMatrixClient();
|
|
const room = useRoom();
|
|
const powerLevels = usePowerLevels(room);
|
|
const creators = useRoomCreators(room);
|
|
|
|
const permissions = useRoomPermissions(creators, powerLevels);
|
|
|
|
const canEditPowers = permissions.stateEvent(StateEvent.PowerLevelTags, mx.getSafeUserId());
|
|
const canEditPermissions = permissions.stateEvent(StateEvent.RoomPowerLevels, mx.getSafeUserId());
|
|
const permissionGroups = usePermissionGroups();
|
|
|
|
const [powerEditor, setPowerEditor] = useState(false);
|
|
|
|
const handleEditPowers = () => {
|
|
setPowerEditor(true);
|
|
};
|
|
|
|
if (canEditPowers && powerEditor) {
|
|
return <PowersEditor powerLevels={powerLevels} requestClose={() => setPowerEditor(false)} />;
|
|
}
|
|
|
|
return (
|
|
<Page>
|
|
<PageHeader outlined={false}>
|
|
<Box grow="Yes" gap="200">
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<Text size="H3" truncate>
|
|
Permissions
|
|
</Text>
|
|
</Box>
|
|
<Box shrink="No">
|
|
<IconButton onClick={requestClose} variant="Surface">
|
|
<Icon src={Icons.Cross} />
|
|
</IconButton>
|
|
</Box>
|
|
</Box>
|
|
</PageHeader>
|
|
<Box grow="Yes">
|
|
<Scroll hideTrack visibility="Hover">
|
|
<PageContent>
|
|
<Box direction="Column" gap="700">
|
|
<Powers
|
|
powerLevels={powerLevels}
|
|
onEdit={canEditPowers ? handleEditPowers : undefined}
|
|
permissionGroups={permissionGroups}
|
|
/>
|
|
<PermissionGroups
|
|
canEdit={canEditPermissions}
|
|
powerLevels={powerLevels}
|
|
permissionGroups={permissionGroups}
|
|
/>
|
|
</Box>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|