refactor(components): rewrite Spinner component

* Message should be set as children
* Default message is no longer available (depending on use case, the
consumer might prefer aria-label instead)
* It is now possible to define the message position

1 files changed, 8 insertions, 2 deletions

diff --git a/src/components/organisms/layout/posts-list.tsx b/src/components/organisms/layout/posts-list.tsx
index f04ba74..5401ed1 100644
--- a/src/components/organisms/layout/posts-list.tsx
+++ b/src/components/organisms/layout/posts-list.tsx
@@ -165,8 +165,14 @@ export const PostsList: FC<PostsListProps> = ({
 
   const loadMoreBody = intl.formatMessage({
     defaultMessage: 'Load more articles?',
-    id: 'uaqd5F',
     description: 'PostsList: load more button',
+    id: 'uaqd5F',
+  });
+
+  const loadingMoreArticles = intl.formatMessage({
+    defaultMessage: 'Loading more articles...',
+    description: 'PostsList: loading more articles message',
+    id: 'xYemkP',
   });
 
   /**
@@ -224,7 +230,7 @@ export const PostsList: FC<PostsListProps> = ({
   return (
     <>
       {getPosts()}
-      {isLoading ? <Spinner /> : null}
+      {isLoading ? <Spinner>{loadingMoreArticles}</Spinner> : null}
       {isMounted ? getProgressBar() : getPagination()}
     </>
   );