From 84a8244e2bc595508f0b5869dd56a7b5a59e5353 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Fri, 2 Sep 2022 10:03:06 -0700
Subject: [PATCH] cludge to re-render topic when ready

---
 net/web/src/session/conversation/topicItem/TopicItem.jsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/net/web/src/session/conversation/topicItem/TopicItem.jsx b/net/web/src/session/conversation/topicItem/TopicItem.jsx
index 73130f31..733f9ec5 100644
--- a/net/web/src/session/conversation/topicItem/TopicItem.jsx
+++ b/net/web/src/session/conversation/topicItem/TopicItem.jsx
@@ -7,10 +7,19 @@ import { Logo } from 'logo/Logo';
 import { Space, Skeleton, Button, Modal, Input } from 'antd';
 import { ExclamationCircleOutlined, DeleteOutlined, EditOutlined, FireOutlined, PictureOutlined } from '@ant-design/icons';
 import { Carousel } from 'carousel/Carousel';
+import { useState, useEffect } from 'react';
 
 export function TopicItem({ host, topic }) {
 
   const { state, actions } = useTopicItem(topic);
+  const [render, setRender] = useState(false);
+
+  // not sure why this helps, on mobile render updates not occuring without
+  useEffect(() => {
+    if (state.ready && state.confirmed) {
+      setRender(true);
+    }
+  }, [state.ready, state.confirmed]);
 
   let name = state.name ? state.name : state.handle;
   let nameClass = state.name ? 'set' : 'unset';