From 4e8f1cde97dcc0bab2ef3a6aa48ee5052b0463f7 Mon Sep 17 00:00:00 2001
From: Galimede <mat.degand@outlook.fr>
Date: Tue, 4 Apr 2023 16:59:52 +0200
Subject: [PATCH] feat(cc-article-list): make use of the cc-notice instead of
cc-error
---
src/components/cc-article-list/cc-article-list.js | 12 ++----------
1 file changed, 2 insertions(+), 10 deletions(-)
diff --git a/src/components/cc-article-list/cc-article-list.js b/src/components/cc-article-list/cc-article-list.js
index 97ce46f31..928bde232 100644
--- a/src/components/cc-article-list/cc-article-list.js
+++ b/src/components/cc-article-list/cc-article-list.js
@@ -1,7 +1,7 @@
import { css, html, LitElement } from 'lit';
import { i18n } from '../../lib/i18n.js';
import '../cc-article-card/cc-article-card.js';
-import '../cc-error/cc-error.js';
+import '../cc-notice/cc-notice.js';
const ARTICLE_SKELETON_NUMBER = 9;
@@ -40,7 +40,7 @@ export class CcArticleList extends LitElement {
return html`
<div class="article-container">
${this.error ? html`
- <cc-error>${i18n('cc-article-list.error')}</cc-error>
+ <cc-notice intent="warning" message="${i18n('cc-article-list.error')}"></cc-notice>
` : ''}
${skeleton && !this.error ? html`
${new Array(ARTICLE_SKELETON_NUMBER).fill(html`
@@ -75,14 +75,6 @@ export class CcArticleList extends LitElement {
gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
}
-
- cc-error {
- padding: 1em;
- border: 1px solid var(--cc-color-border-neutral, #aaa);
- background-color: var(--cc-color-bg-default, #fff);
- border-radius: var(--cc-border-radius-default, 0.25em);
- text-align: center;
- }
`,
];
}