From a83b875b66a145d14b34e5c44fe4607215a34783 Mon Sep 17 00:00:00 2001
From: Ajay Bura <ajbura@gmail.com>
Date: Sun, 16 Jan 2022 17:55:00 +0530
Subject: [PATCH] Re-arrange general room settings

Signed-off-by: Ajay Bura <ajbura@gmail.com>
---
 src/app/organisms/room/RoomSettings.jsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/app/organisms/room/RoomSettings.jsx b/src/app/organisms/room/RoomSettings.jsx
index 057d45a2..cfccd003 100644
--- a/src/app/organisms/room/RoomSettings.jsx
+++ b/src/app/organisms/room/RoomSettings.jsx
@@ -63,10 +63,6 @@ function GeneralSettings({ roomId }) {
 
   return (
     <>
-      <div className="room-settings__card">
-        <MenuHeader>Notification (Changing this will only affect you)</MenuHeader>
-        <RoomNotification roomId={roomId} />
-      </div>
       <div className="room-settings__card">
         <MenuItem
           disabled={!canInvite}
@@ -75,7 +71,21 @@ function GeneralSettings({ roomId }) {
         >
           Invite
         </MenuItem>
-        <MenuItem variant="danger" onClick={() => roomActions.leave(roomId)} iconSrc={LeaveArrowIC}>Leave</MenuItem>
+        <MenuItem
+          variant="danger"
+          onClick={() => {
+            if (confirm('Are you really want to leave this room?')) {
+              roomActions.leave(roomId);
+            }
+          }}
+          iconSrc={LeaveArrowIC}
+        >
+          Leave
+        </MenuItem>
+      </div>
+      <div className="room-settings__card">
+        <MenuHeader>Notification (Changing this will only affect you)</MenuHeader>
+        <RoomNotification roomId={roomId} />
       </div>
       <div className="room-settings__card">
         <MenuHeader>Room visibility (who can join)</MenuHeader>