No refresh on reconnection setting added. (Experimental Tab only)

Pony-House · Apr 20, 2024 · cc4ad0d · cc4ad0d
1 parent b7f0f3e
commit cc4ad0d
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 42 deletions.
diff --git a/info/dev/requests.md b/info/dev/requests.md
@@ -1,3 +1,6 @@
+Tonar isso mais usável ao react events.
+src/app/organisms/space-settings/handleBannerUpload.js
+
 ENS Ethereum
 
 /src/app/organisms/navigation/Directs.jsx
@@ -45,7 +48,6 @@ Made by Me
     selectedRoom.room.eventNames()
     Coisas que não atualiza sozinho:
         Lista de usuários online na room ainda não atualiza em tempo real.
-        Banner do space.
 
     =======================================================
 

diff --git a/src/app/organisms/space-settings/PonyHouseSettings.jsx b/src/app/organisms/space-settings/PonyHouseSettings.jsx
@@ -11,6 +11,7 @@ import initMatrix from '../../../client/initMatrix';
 
 import { confirmDialog } from '../../molecules/confirm-dialog/ConfirmDialog';
 import { getCurrentState } from '../../../util/matrixUtil';
+import { handleBannerUpload } from './handleBannerUpload';
 
 function PonyHouseSettings({ roomId, room }) {
   const mx = initMatrix.matrixClient;
@@ -23,45 +24,6 @@ function PonyHouseSettings({ roomId, room }) {
     setRoomIconsVisible(data);
   };
 
-  const handleBannerUpload = async (url) => {
-    const spaceHeaderBody = $('.space-drawer-body');
-    const spaceHeader = spaceHeaderBody.find('> .navbar');
-
-    const bannerPlace = $('.space-banner .avatar__border');
-    const bannerImg = $('.space-banner img');
-
-    if (url === null) {
-      const isConfirmed = await confirmDialog(
-        'Remove space banner',
-        'Are you sure that you want to remove room banner?',
-        'Remove',
-        'warning',
-      );
-
-      if (isConfirmed) {
-        await mx.sendStateEvent(roomId, 'pony.house.settings', { url }, 'banner');
-
-        spaceHeaderBody.removeClass('drawer-with-banner');
-        spaceHeader.removeClass('banner-mode').css('background-image', '');
-
-        bannerPlace.css('background-image', '').removeClass('banner-added');
-        bannerImg.attr('src', '');
-      }
-    } else {
-      await mx.sendStateEvent(roomId, 'pony.house.settings', { url }, 'banner');
-
-      spaceHeaderBody.addClass('drawer-with-banner');
-      spaceHeader
-        .addClass('banner-mode')
-        .css('background-image', `url("${mx.mxcUrlToHttp(url, 960, 540)}")`);
-
-      bannerPlace
-        .css('background-image', `url('${mx.mxcUrlToHttp(url, 400, 227)}')`)
-        .addClass('banner-added');
-      bannerImg.attr('src', mx.mxcUrlToHttp(url, 400, 227));
-    }
-  };
-
   // Pony Config
   const canPonyHouse = getCurrentState(room).maySendStateEvent('pony.house.settings', userId);
   let avatarSrc;
@@ -111,8 +73,8 @@ function PonyHouseSettings({ roomId, room }) {
             className="space-banner"
             text="Banner"
             imageSrc={avatarSrc}
-            onUpload={handleBannerUpload}
-            onRequestRemove={() => handleBannerUpload(null)}
+            onUpload={(url) => handleBannerUpload(url, roomId)}
+            onRequestRemove={() => handleBannerUpload(null, roomId)}
           />
         )}
       </li>

diff --git a/src/app/organisms/space-settings/handleBannerUpload.js b/src/app/organisms/space-settings/handleBannerUpload.js
@@ -0,0 +1,42 @@
+import { confirmDialog } from '../../molecules/confirm-dialog/ConfirmDialog';
+
+export const handleBannerUpload = async (url, roomId) => {
+  const mx = initMatrix.matrixClient;
+
+  const spaceHeaderBody = $('.space-drawer-body');
+  const spaceHeader = spaceHeaderBody.find('> .navbar');
+
+  const bannerPlace = $('.space-banner .avatar__border');
+  const bannerImg = $('.space-banner img');
+
+  if (url === null) {
+    const isConfirmed = await confirmDialog(
+      'Remove space banner',
+      'Are you sure that you want to remove room banner?',
+      'Remove',
+      'warning',
+    );
+
+    if (isConfirmed) {
+      await mx.sendStateEvent(roomId, 'pony.house.settings', { url }, 'banner');
+
+      spaceHeaderBody.removeClass('drawer-with-banner');
+      spaceHeader.removeClass('banner-mode').css('background-image', '');
+
+      bannerPlace.css('background-image', '').removeClass('banner-added');
+      bannerImg.attr('src', '');
+    }
+  } else {
+    await mx.sendStateEvent(roomId, 'pony.house.settings', { url }, 'banner');
+
+    spaceHeaderBody.addClass('drawer-with-banner');
+    spaceHeader
+      .addClass('banner-mode')
+      .css('background-image', `url("${mx.mxcUrlToHttp(url, 960, 540)}")`);
+
+    bannerPlace
+      .css('background-image', `url('${mx.mxcUrlToHttp(url, 400, 227)}')`)
+      .addClass('banner-added');
+    bannerImg.attr('src', mx.mxcUrlToHttp(url, 400, 227));
+  }
+};