From a21c84efc6243de2d985ff12ccf0bd2a4f83a042 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Fri, 21 Nov 2025 22:45:54 +0000
Subject: [PATCH] refactor: Improve article loading error and cache messages

---
 webclient/src/Article.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index a2cff1a..1aec47e 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -36,7 +36,7 @@ function Article({ cache }) {
 					localForage.setItem(id, result.story);
 				},
 				(error) => {
-					const errorMessage = `Failed to fetch article content (ID: ${id}). Your connection may be down or the server might be experiencing issues. ${error.toString()}.`;
+					const errorMessage = `Failed to fetch new article content (ID: ${id}). Your connection may be down or the server might be experiencing issues. ${error.toString()}.`;
 					setError(errorMessage);
 				}
 			);
@@ -60,6 +60,7 @@ function Article({ cache }) {
 			<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}>
 				<summary>Connection error? Click to expand.</summary>
 				<p>{error}</p>
+				{story && <p>Loaded article from cache.</p>}
 			</details>
 			{story ?
 				<div className='article'>
@@ -101,7 +102,7 @@ function Article({ cache }) {
 					}
 				</div>
 			:
-				<p>loading...</p>
+				<p>Loading...</p>
 			}
 			<ToggleDot id={id} article={false} />
 		</div>