notes upgrade

2026-06-18 13:43:17 -04:00
parent e0ed798741
commit dd43d0c3ea
9 changed files with 1591 additions and 155 deletions
@@ -698,7 +698,15 @@ export default function QASection() {
        </h2>

        {loading ? (
-          <p className="qa-no-results">Loading questions...</p>
+          <div className="qa-skeleton-list" aria-busy="true" aria-label="Loading questions">
+            {[0, 1, 2].map(i => (
+              <div key={i} className="qa-skeleton-card">
+                <div className="qa-skeleton-line qa-skeleton-line--short" />
+                <div className="qa-skeleton-line" />
+                <div className="qa-skeleton-line qa-skeleton-line--medium" />
+              </div>
+            ))}
+          </div>
        ) : questions.length === 0 ? (
          <div className="qa-no-results">
            <p>No questions have been answered yet. <a href="/contact">Submit yours below!</a></p>