tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

fix: Conditionally render error details to avoid layout gap

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2025-11-21 22:45:58 +00:00
parent a21c84efc6
commit 8c201d5c2e
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
webclient/src/Article.js
View File

@@ -57,11 +57,13 @@ function Article({ cache }) {
return ( return (
<div className='article-container'> <div className='article-container'>
<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}> {error &&
<details style={{marginBottom: '1rem'}}>
<summary>Connection error? Click to expand.</summary> <summary>Connection error? Click to expand.</summary>
<p>{error}</p> <p>{error}</p>
{story && <p>Loaded article from cache.</p>} {story && <p>Loaded article from cache.</p>}
</details> </details>
}
{story ? {story ?
<div className='article'> <div className='article'>
<Helmet> <Helmet>

4
webclient/src/Feed.js
View File

@@ -96,10 +96,12 @@ function Feed({ updateCache }) {
<title>QotNews</title> <title>QotNews</title>
<meta name="robots" content="index" /> <meta name="robots" content="index" />
</Helmet> </Helmet>
<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}> {error &&
<details style={{marginBottom: '1rem'}}>
<summary>Connection error? Click to expand.</summary> <summary>Connection error? Click to expand.</summary>
<p>{error}</p> <p>{error}</p>
</details> </details>
}
{stories ? {stories ?
<div> <div>
{stories.map(x => {stories.map(x =>