From 19b66c5898679c71af3cda5972d60d5728786937 Mon Sep 17 00:00:00 2001
From: Pierre DE SOYRES <pierre.de-soyres@clever-cloud.com>
Date: Thu, 11 Jan 2024 11:48:23 +0100
Subject: [PATCH] chore: feedback Florian

---
 demo-smart/index.html                                     | 2 +-
 src/components/cc-article-list/cc-article-list.js         | 2 +-
 src/components/cc-article-list/cc-article-list.smart.js   | 2 +-
 src/components/cc-article-list/cc-article-list.stories.js | 6 +++---
 src/components/cc-article-list/cc-article-list.types.d.ts | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/demo-smart/index.html b/demo-smart/index.html
index 21923e71c..e8b3406b3 100644
--- a/demo-smart/index.html
+++ b/demo-smart/index.html
@@ -118,7 +118,7 @@
 <div class="context-buttons">
   <button data-context='{}'>null</button>
   <button data-context='{"apiConfig":{}}'>bad API config</button>
-  <button data-context='{"lang":"en", "limit": 5}'>article-liste</button>
+  <button data-context='{"lang":"en", "limit": 5}'>article-list</button>
   <button data-context='{"ownerId":"orga_3547a882-d464-4c34-8168-add4b3e0c135","appId":"app_8f5610ab-1d9f-41b6-854f-85d9a115e417"}'>app-node</button>
   <button data-context='{"ownerId":"orga_3547a882-d464-4c34-8168-add4b3e0c135","appId":"app_e048c5ba-dc84-4f01-a750-d053706805fd"}'>app-play</button>
   <button data-context='{"ownerId":"orga_3547a882-d464-4c34-8168-add4b3e0c135","currentUserId":"user_d3d02829-8847-40ea-ab76-ada4e2f026c0"}'>ACME BAR</button>
diff --git a/src/components/cc-article-list/cc-article-list.js b/src/components/cc-article-list/cc-article-list.js
index 7c6198e22..aa606bb83 100644
--- a/src/components/cc-article-list/cc-article-list.js
+++ b/src/components/cc-article-list/cc-article-list.js
@@ -44,7 +44,7 @@ export class CcArticleList extends LitElement {
         ` : ''}
         
         ${this.articles.state === 'loaded' ? html`
-          ${this.articles.articles.map((article) => html`
+          ${this.articles.value.map((article) => html`
             <cc-article-card
               banner=${article.banner}
               title=${article.title ?? ''}
diff --git a/src/components/cc-article-list/cc-article-list.smart.js b/src/components/cc-article-list/cc-article-list.smart.js
index b97b221e3..bb305ac46 100644
--- a/src/components/cc-article-list/cc-article-list.smart.js
+++ b/src/components/cc-article-list/cc-article-list.smart.js
@@ -20,7 +20,7 @@ defineSmartComponent({
 
     fetchArticleList({ signal, lang, limit })
       .then((articles) => {
-        updateComponent('articles', { state: 'loaded', articles });
+        updateComponent('articles', { state: 'loaded', value: articles });
       })
       .catch((error) => {
         console.error(error);
diff --git a/src/components/cc-article-list/cc-article-list.stories.js b/src/components/cc-article-list/cc-article-list.stories.js
index b797e578e..24efd1ec6 100644
--- a/src/components/cc-article-list/cc-article-list.stories.js
+++ b/src/components/cc-article-list/cc-article-list.stories.js
@@ -68,7 +68,7 @@ export const defaultStory = makeStory(conf, {
     {
       articles: {
         state: 'loaded',
-        articles: ARTICLES,
+        value: ARTICLES,
       },
     },
   ],
@@ -89,7 +89,7 @@ export const dataLoaded = makeStory(conf, {
     {
       articles: {
         state: 'loaded',
-        articles: ARTICLES,
+        value: ARTICLES,
       },
     },
   ],
@@ -99,7 +99,7 @@ export const simulationsWithSuccess = makeStory(conf, {
   items: [{}],
   simulations: [
     storyWait(2000, ([component]) => {
-      component.articles = { state: 'loaded', articles: ARTICLES };
+      component.articles = { state: 'loaded', value: ARTICLES };
     }),
   ],
 });
diff --git a/src/components/cc-article-list/cc-article-list.types.d.ts b/src/components/cc-article-list/cc-article-list.types.d.ts
index 0f2f3aa37..198d2ced3 100644
--- a/src/components/cc-article-list/cc-article-list.types.d.ts
+++ b/src/components/cc-article-list/cc-article-list.types.d.ts
@@ -10,7 +10,7 @@ interface ArticleListStateError {
 
 interface ArticleListStateLoaded {
   state: 'loaded';
-  articles: Array<Article>;
+  value: Array<Article>;
 }
 
 interface Article {