From 998aac559ec75379b7fd25496ae06073c7b342c5 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sun, 13 Feb 2022 19:35:21 +0100
Subject: chore: add some noscript tags to explain why the data are not loaded

---
 src/components/Widgets/RecentPosts/RecentPosts.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'src/components/Widgets/RecentPosts/RecentPosts.tsx')

diff --git a/src/components/Widgets/RecentPosts/RecentPosts.tsx b/src/components/Widgets/RecentPosts/RecentPosts.tsx
index 1507edf..b7957b7 100644
--- a/src/components/Widgets/RecentPosts/RecentPosts.tsx
+++ b/src/components/Widgets/RecentPosts/RecentPosts.tsx
@@ -67,7 +67,17 @@ const RecentPosts = () => {
     return data.posts.map((post) => getPost(post));
   };
 
-  return <ul className={styles.list}>{getPostsItems()}</ul>;
+  return (
+    <ul className={styles.list}>
+      <noscript>
+        {intl.formatMessage({
+          defaultMessage: 'Javascript is required to load the latest posts.',
+          description: 'RecentPosts: noscript tag',
+        })}
+      </noscript>
+      {getPostsItems()}
+    </ul>
+  );
 };
 
 export default RecentPosts;
-- 
cgit v1.2.3

