feat(cc-elasticsearch-info): move doc link into cc-block footer slot

CleverCloud · Oct 18, 2024 · ecfa136 · ecfa136
1 parent 6430b67
commit ecfa136
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/src/components/cc-elasticsearch-info/cc-elasticsearch-info.js b/src/components/cc-elasticsearch-info/cc-elasticsearch-info.js
@@ -101,18 +101,17 @@ export class CcElasticsearchInfo extends LitElement {
     }
 
     return html`
-      <cc-block ribbon=${i18n('cc-elasticsearch-info.info')} no-head>
-        <div class="info-text">${i18n('cc-elasticsearch-info.text')}</div>
+      <cc-block>
+        <div slot="ribbon">${i18n('cc-elasticsearch-info.info')}</div>
+        <div slot="content" class="info-text">${i18n('cc-elasticsearch-info.text')}</div>
 
-        <div class="link-list">
+        <div slot="content" class="link-list">${this._renderLinks(this.state.links, skeleton)}</div>
+
+        <div slot="footer-right">
           ${ccLink(
             ELASTICSEARCH_DOCUMENTATION,
-            html`
-              <cc-icon size="lg" .icon=${iconInfo}></cc-icon>
-              <span>${i18n('cc-elasticsearch-info.link.doc')}</span>
-            `,
+            html`<cc-icon .icon="${iconInfo}"></cc-icon> ${i18n('cc-elasticsearch-info.documentation.text')}`,
           )}
-          ${this._renderLinks(this.state.links, skeleton)}
         </div>
       </cc-block>
     `;

diff --git a/src/translations/translations.en.js b/src/translations/translations.en.js
@@ -334,10 +334,10 @@ export const translations = {
   'cc-domain-management.tls.certificates.documentation.text': `TLS certificates - Documentation`,
   //#endregion
   //#region cc-elasticsearch-info
+  'cc-elasticsearch-info.documentation.text': `Elasticsearch - Documentation`,
   'cc-elasticsearch-info.error': `Something went wrong while loading add-ons linked to this application.`,
   'cc-elasticsearch-info.info': `Info`,
   'cc-elasticsearch-info.link.apm': `Open APM`,
-  'cc-elasticsearch-info.link.doc': `Read the documentation`,
   'cc-elasticsearch-info.link.elasticsearch': `Check out the Elasticsearch add-on`,
   'cc-elasticsearch-info.link.kibana': `Open Kibana`,
   'cc-elasticsearch-info.text': `This add-on is part of the Elastic Stack offer. You can find the documentation and linked services right below.`,

diff --git a/src/translations/translations.fr.js b/src/translations/translations.fr.js
@@ -344,10 +344,10 @@ export const translations = {
   'cc-domain-management.tls.certificates.documentation.text': `Certificats TLS - Documentation`,
   //#endregion
   //#region cc-elasticsearch-info
+  'cc-elasticsearch-info.documentation.text': `Elasticsearch - Documentation`,
   'cc-elasticsearch-info.error': `Une erreur est survenue pendant le chargement des liens des add-on liés à cette application.`,
   'cc-elasticsearch-info.info': `Info`,
   'cc-elasticsearch-info.link.apm': `Ouvrir APM`,
-  'cc-elasticsearch-info.link.doc': `Lire la documentation`,
   'cc-elasticsearch-info.link.elasticsearch': `Voir l'add-on Elasticsearch`,
   'cc-elasticsearch-info.link.kibana': `Ouvrir Kibana`,
   'cc-elasticsearch-info.text': `Cet add-on fait partie de l'offre Suite Elastic. Vous pouvez retrouver la documentation ainsi que les différents services liés ci-dessous.`,