sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Close sharing dialog on Enter when changing the username (#1437)

Browse Source
This commit is contained in:
Mohit kumar Bajoria 2020-04-17 01:32:59 +05:30 committed by GitHub
parent 8cfc64a3ab
commit 519a9ca493
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/RoomDialog.tsx
View File

@ -15,12 +15,14 @@ function RoomModal({
onUsernameChange, onUsernameChange,
onRoomCreate, onRoomCreate,
onRoomDestroy, onRoomDestroy,
onPressingEnter,
}: { }: {
activeRoomLink: string; activeRoomLink: string;
username: string; username: string;
onUsernameChange: (username: string) => void; onUsernameChange: (username: string) => void;
onRoomCreate: () => void; onRoomCreate: () => void;
onRoomDestroy: () => void; onRoomDestroy: () => void;
onPressingEnter: () => void;
}) { }) {
const roomLinkInput = useRef<HTMLInputElement>(null); const roomLinkInput = useRef<HTMLInputElement>(null);
@ -85,6 +87,7 @@ function RoomModal({
value={username || ""} value={username || ""}
className="RoomDialog-username TextInput" className="RoomDialog-username TextInput"
onChange={(event) => onUsernameChange(event.target.value)} onChange={(event) => onUsernameChange(event.target.value)}
onKeyPress={(event) => event.key === "Enter" && onPressingEnter()}
/> />
</div> </div>
<p>{`🔒 ${t("roomDialog.desc_privacy")}`}</p> <p>{`🔒 ${t("roomDialog.desc_privacy")}`}</p>
@ -173,6 +176,7 @@ export function RoomDialog({
onUsernameChange={onUsernameChange} onUsernameChange={onUsernameChange}
onRoomCreate={onRoomCreate} onRoomCreate={onRoomCreate}
onRoomDestroy={onRoomDestroy} onRoomDestroy={onRoomDestroy}
onPressingEnter={handleClose}
/> />
</Dialog> </Dialog>
)} )}