71 lines
2.4 KiB
TypeScript
71 lines
2.4 KiB
TypeScript
import React from 'react';
|
|
import { Box, Icon, IconButton, Icons, Scroll, Text } from 'folds';
|
|
import { Page, PageContent, PageHeader } from '../../../components/page';
|
|
import { usePowerLevels } from '../../../hooks/usePowerLevels';
|
|
import { useRoom } from '../../../hooks/useRoom';
|
|
import {
|
|
RoomProfile,
|
|
RoomEncryption,
|
|
RoomHistoryVisibility,
|
|
RoomJoinRules,
|
|
RoomLocalAddresses,
|
|
RoomPublishedAddresses,
|
|
RoomPublish,
|
|
RoomUpgrade,
|
|
} from '../../common-settings/general';
|
|
import { useRoomCreators } from '../../../hooks/useRoomCreators';
|
|
import { useRoomPermissions } from '../../../hooks/useRoomPermissions';
|
|
|
|
type GeneralProps = {
|
|
requestClose: () => void;
|
|
};
|
|
export function General({ requestClose }: GeneralProps) {
|
|
const room = useRoom();
|
|
const powerLevels = usePowerLevels(room);
|
|
const creators = useRoomCreators(room);
|
|
const permissions = useRoomPermissions(creators, powerLevels);
|
|
|
|
return (
|
|
<Page>
|
|
<PageHeader outlined={false}>
|
|
<Box grow="Yes" gap="200">
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<Text size="H3" truncate>
|
|
General
|
|
</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">
|
|
<RoomProfile permissions={permissions} />
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Options</Text>
|
|
<RoomJoinRules permissions={permissions} />
|
|
<RoomHistoryVisibility permissions={permissions} />
|
|
<RoomEncryption permissions={permissions} />
|
|
<RoomPublish permissions={permissions} />
|
|
</Box>
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Addresses</Text>
|
|
<RoomPublishedAddresses permissions={permissions} />
|
|
<RoomLocalAddresses permissions={permissions} />
|
|
</Box>
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Advanced Options</Text>
|
|
<RoomUpgrade permissions={permissions} requestClose={requestClose} />
|
|
</Box>
|
|
</Box>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|