chore: add some noscript tags to explain why the data are not loaded

1 files changed, 11 insertions, 1 deletions

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;