martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-22 01:25:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

tweaking default topic heights

Browse Source
This commit is contained in:
Roland Osborne 2022-09-04 08:22:45 -07:00
parent fb26e511da
commit a51dac3af7
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
net/web/src/session/conversation/topicItem/TopicItem.jsx
View File

@ -13,15 +13,6 @@ export function TopicItem({ host, topic }) {
const { state, actions } = useTopicItem(topic);
// not sure why this helps, on mobile render updates not occuring without
// eslint-disable-next-line
const [render, setRender] = useState(false);
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';
if (name == null) {
@ -118,10 +109,8 @@ export function TopicItem({ host, topic }) {
</div>
</div>
{ !state.confirmed && (
<div>
<div class="message">
<Skeleton size={'small'} active={true} />
</div>
<div class="skeleton">
<Skeleton size={'small'} active={true} title={false} />
</div>
)}
{ state.confirmed && (

6
net/web/src/session/conversation/topicItem/TopicItem.styled.js
View File

@ -96,6 +96,12 @@ export const TopicItemWrapper = styled.div`
padding-top: 4px;
}
.skeleton {
height: 128px;
margin-left: 72px;
margin-right: 32px;
}
.message {
padding-right: 16px;
padding-left: 72px;