Ajay Bura
e5e0b96861
* add option to start video all in DM * show speaker icon for dm's in call status name * show call view if call is active in room * add Atria call ringtone * update element call and widget api * add option to start voice/video call in dms * only show call button if user have permission * allow call widget to send call notification event * show incoming call dialog and play sound * fix call permission checks * allow option to start call in all rooms * send notification when starting call in non-voice rooms * hide header call button from voice rooms * prevent call join if call not supported and started by other party * update call menu style * show call not supported message on incoming call notification * improve the incoming call layout * video call with right click without opening menu * allow call widget to fetch media url * add webRTC missing error * improve call permission label --------- Co-authored-by: Krishan <33421343+kfiven@users.noreply.github.com>
75 lines
2.6 KiB
TypeScript
75 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>
|
|
);
|
|
}
|