diff --git a/src/app.css b/src/app.css index 64dafe05..f75d8ec2 100644 --- a/src/app.css +++ b/src/app.css @@ -339,6 +339,10 @@ a.mention span { text-align: center; color: var(--text-insignificant-color); } +.status-error { + text-align: center; + color: var(--text-insignificant-color); +} .status-link { display: block; diff --git a/src/pages/status.jsx b/src/pages/status.jsx index 3e0e1266..992891a6 100644 --- a/src/pages/status.jsx +++ b/src/pages/status.jsx @@ -415,6 +415,24 @@ function StatusPage({ id }) { )} + {uiState === 'error' && + isHero && + !!heroStatus?.repliesCount && + !hasDescendants && ( +
+ Unable to load replies. +
+ +
+ )} ); })}