forked from tanner/qotnews
feat: Persist new stories and improve layout consistency
This commit is contained in:
@@ -57,11 +57,13 @@ function Article({ cache }) {
|
||||
|
||||
return (
|
||||
<div className='article-container'>
|
||||
{error &&
|
||||
{error ?
|
||||
<details style={{marginBottom: '1rem'}}>
|
||||
<summary>Connection error? Click to expand.</summary>
|
||||
<p>{error}</p>
|
||||
</details>
|
||||
:
|
||||
<div style={{marginBottom: '2rem'}}></div>
|
||||
}
|
||||
{story ?
|
||||
<div className='article'>
|
||||
|
||||
@@ -56,6 +56,9 @@ function Feed({ updateCache }) {
|
||||
currentStories.splice(existingStoryIndex, 1);
|
||||
}
|
||||
currentStories.unshift(newStory);
|
||||
|
||||
localStorage.setItem('stories', JSON.stringify(currentStories));
|
||||
setStories(currentStories);
|
||||
} catch (error) {
|
||||
let errorMessage;
|
||||
if (error.name === 'AbortError') {
|
||||
|
||||
Reference in New Issue
Block a user