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

feat(board header): add sub online status info to offline icon title

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-06-27 14:03:38 +02:00
parent c81c7b85f0
commit 5276f0ad43
3 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post-form/post-form.module.css
+2 -2
View File
@@ -23,14 +23,14 @@
text-align: center;
color: red;
font-weight: 700;
padding: 100px 0;
padding: 100px 15px;
}
.offlineBoard {
font-size: 16px;
text-align: center;
color: red;
padding: 30px 0;
padding: 30px 15px;
font-weight: 700;
}
src/components/post-form/post-form.tsx
+6 -12
View File
@@ -273,22 +273,16 @@ const PostForm = () => {
const subplebbit = useSubplebbit({ subplebbitAddress: params?.subplebbitAddress });
const { updatedAt } = subplebbit || {};
const isBoardOffline = subplebbit?.updatedAt && subplebbit.updatedAt < Date.now() / 1000 - 60 * 60;
const isBoardOffline = updatedAt && updatedAt < Date.now() / 1000 - 60 * 60;
const offlineAlert =
showForm &&
(updatedAt ? (
isBoardOffline && (
<div className={styles.offlineBoard}>{t('posts_last_synced_info', { time: getFormattedTimeAgo(updatedAt), interpolation: { escapeValue: false } })}</div>
)
) : (
<div className={styles.offlineBoard}>{t('subplebbit_offline_info')}</div>
));
const offlineMessage = updatedAt
? isBoardOffline && t('posts_last_synced_info', { time: getFormattedTimeAgo(updatedAt), interpolation: { escapeValue: false } })
: t('subplebbit_offline_info');
return (
<>
<div className={styles.postFormDesktop}>
{!(isInAllView || isInSubscriptionsView) && offlineAlert}
{!(isInAllView || isInSubscriptionsView) && showForm && <div className={styles.offlineBoard}>{offlineMessage}</div>}
{isThreadClosed ? (
<div className={styles.closed}>
{t('thread_closed')}
@@ -308,7 +302,7 @@ const PostForm = () => {
)}
</div>
<div className={styles.postFormMobile}>
{!(isInAllView || isInSubscriptionsView) && offlineAlert}
{!(isInAllView || isInSubscriptionsView) && showForm && <div className={styles.offlineBoard}>{offlineMessage}</div>}
{isThreadClosed ? (
<div className={styles.closed}>
{t('thread_closed')}