mirror of https://github.com/sualko/cloud_bbb
26 lines
728 B
TypeScript
26 lines
728 B
TypeScript
import React, { useState } from 'react';
|
|
import { Room, Restriction } from '../Common/Api';
|
|
import EditRoomDialog from './EditRoomDialog';
|
|
|
|
type Props = {
|
|
room: Room;
|
|
restriction?: Restriction;
|
|
updateProperty: (key: string, value: string | boolean | number) => Promise<void>;
|
|
}
|
|
|
|
const EditRoom: React.FC<Props> = ({ room, restriction, updateProperty }) => {
|
|
const [open, setOpen] = useState<boolean>(false);
|
|
|
|
return (
|
|
<>
|
|
<a className="icon icon-edit icon-visible"
|
|
onClick={ev => { ev.preventDefault(), setOpen(true); }}
|
|
title={t('bbb', 'Edit')} />
|
|
|
|
<EditRoomDialog room={room} restriction={restriction} updateProperty={updateProperty} open={open} setOpen={setOpen} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default EditRoom;
|