From 0726a47be9db1e2dae09c37e9fc71b725f9e2c2e Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Tue, 30 Aug 2022 14:21:40 -0700
Subject: [PATCH] adding busy indicator on post button

---
 .../src/session/conversation/addTopic/AddTopic.jsx    | 11 +++++++++--
 .../session/conversation/virtualList/VirtualList.jsx  |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/net/web/src/session/conversation/addTopic/AddTopic.jsx b/net/web/src/session/conversation/addTopic/AddTopic.jsx
index 54adee9f..5b250eaf 100644
--- a/net/web/src/session/conversation/addTopic/AddTopic.jsx
+++ b/net/web/src/session/conversation/addTopic/AddTopic.jsx
@@ -1,6 +1,6 @@
 import { AddTopicWrapper } from './AddTopic.styled';
 import { useAddTopic } from './useAddTopic.hook';
-import { Modal, Input, Menu, Dropdown } from 'antd';
+import { Modal, Input, Menu, Dropdown, Spin } from 'antd';
 import { useRef, useState } from 'react';
 import { SoundOutlined, VideoCameraOutlined, PictureOutlined, FontColorsOutlined, FontSizeOutlined, PaperClipOutlined, SendOutlined } from '@ant-design/icons';
 import { SketchPicker } from "react-color";
@@ -125,7 +125,14 @@ export function AddTopic({ cardId, channelId }) {
           </Dropdown>
         </div>
         <div class="end">
-          <div class="button" onClick={addTopic}><SendOutlined /></div>
+          <div class="button" onClick={addTopic}>
+            { state.busy && (
+              <Spin size="small" />
+            )}
+            { !state.busy && (
+              <SendOutlined />
+            )}
+          </div>
         </div>
       </div>
     </AddTopicWrapper>
diff --git a/net/web/src/session/conversation/virtualList/VirtualList.jsx b/net/web/src/session/conversation/virtualList/VirtualList.jsx
index 66b184d8..81ea7c00 100644
--- a/net/web/src/session/conversation/virtualList/VirtualList.jsx
+++ b/net/web/src/session/conversation/virtualList/VirtualList.jsx
@@ -13,7 +13,7 @@ export function VirtualList({ id, items, itemRenderer, loadMore }) {
   const moreDelay = 2000;
   const latchDelay = 500;
 
-  const defaultHeight = 32;
+  const defaultHeight = 128;
 
   const rollHeight = 16384;