External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(post): loading string could appear in floating posts from out-of-view quotes

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2025-02-23 16:24:31 +01:00
parent 95532cb58b
commit 9d454b489c
3 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post-desktop/post-desktop.tsx
+14 -10
View File
@@ -407,16 +407,20 @@ const PostDesktop = ({ openReplyModal, post, roles, showAllReplies, showReplies
)} )}
</div> </div>
{!isInPendingPostView && {!isInPendingPostView &&
!isDescription && !isDescription &&
!isRules && !isRules &&
(stateString && stateString !== 'Failed' && state !== 'succeeded' && isInPostPageView ? ( stateString &&
<div className={styles.stateString}> stateString !== 'Failed' &&
<br /> state !== 'succeeded' &&
<LoadingEllipsis string={stateString} /> isInPostPageView &&
</div> !(!showReplies && !showAllReplies) ? (
) : ( <div className={styles.stateString}>
state === 'failed' && <span className={styles.error}>{t('failed')}</span> <br />
))} <LoadingEllipsis string={stateString} />
</div>
) : (
state === 'failed' && <span className={styles.error}>{t('failed')}</span>
)}
</div> </div>
); );
}; };
src/components/post-mobile/post-mobile.tsx
+13 -9
View File
@@ -333,15 +333,19 @@ const PostMobile = ({ openReplyModal, post, roles, showAllReplies, showReplies =
)} )}
</div> </div>
{!isInPendingPostView && {!isInPendingPostView &&
!isDescription && !isDescription &&
!isRules && !isRules &&
(stateString && stateString !== 'Failed' && state !== 'succeeded' && isInPostPageView ? ( stateString &&
<div className={styles.stateString}> stateString !== 'Failed' &&
<LoadingEllipsis string={stateString} /> state !== 'succeeded' &&
</div> isInPostPageView &&
) : ( !(!showReplies && !showAllReplies) ? (
state === 'failed' && <span className={styles.error}>{t('failed')}</span> <div className={styles.stateString}>
))} <LoadingEllipsis string={stateString} />
</div>
) : (
state === 'failed' && <span className={styles.error}>{t('failed')}</span>
)}
</div> </div>
)} )}
</> </>
src/views/post/post.module.css
-1
View File
@@ -221,7 +221,6 @@
.stateString { .stateString {
color: var(--post-mobile-abbr-text-color); color: var(--post-mobile-abbr-text-color);
padding-left: 20px;
} }
.loadingString { .loadingString {