diff --git a/ts/Manager/App.scss b/ts/Manager/App.scss index 175fbda..cd8859e 100644 --- a/ts/Manager/App.scss +++ b/ts/Manager/App.scss @@ -224,6 +224,12 @@ pre { background-color: var(--color-success) !important; } } + + input.icon-clippy { + background-position: 8px center; + cursor: pointer; + padding-left: 32px; + } } .bbb-form-element { diff --git a/ts/Manager/EditRoomDialog.tsx b/ts/Manager/EditRoomDialog.tsx index 27695fd..e497117 100644 --- a/ts/Manager/EditRoomDialog.tsx +++ b/ts/Manager/EditRoomDialog.tsx @@ -1,4 +1,5 @@ import React, { useState, useEffect } from 'react'; +import { CopyToClipboard } from 'react-copy-to-clipboard'; import { Access, Room, Permission, RoomShare, api, Restriction } from '../Common/Api'; import Dialog from './Dialog'; import ShareWith from './ShareWith'; @@ -80,7 +81,7 @@ const EditRoomDialog: React.FC = ({ room, restriction, updateProperty, op return ; })} - {(value === Access.Password && room.password) && } + {(value === Access.Password && room.password) && } {descriptions[field] && {descriptions[field]}} ); @@ -133,7 +134,7 @@ const EditRoomDialog: React.FC = ({ room, restriction, updateProperty, op onChange={(event) => updateProperty('moderatorToken', event.target.checked ? 'true' : null)} /> - {!!room.moderatorToken && } + {!!room.moderatorToken && } {descriptions.moderatorToken}