From b06fc9a3cc4c1bae08ea7fff88de3680f24bf873 Mon Sep 17 00:00:00 2001
From: resitdemir <resit.demir@tubitak.gov.tr>
Date: Thu, 12 Oct 2023 06:12:00 +0000
Subject: [PATCH] feat: Add Keypair column list to instances.

Change-Id: I2ba707e78dfb1dbac6706186bce312b9e8873868
---
 .../Instance/Detail/BaseDetail/index.jsx        | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/pages/compute/containers/Instance/Detail/BaseDetail/index.jsx b/src/pages/compute/containers/Instance/Detail/BaseDetail/index.jsx
index 60f600bb..0888baaa 100644
--- a/src/pages/compute/containers/Instance/Detail/BaseDetail/index.jsx
+++ b/src/pages/compute/containers/Instance/Detail/BaseDetail/index.jsx
@@ -65,6 +65,7 @@ export class BaseDetail extends Base {
       this.imageCard,
       this.securityGroupCard,
       this.tagsCard,
+      this.keypairCard,
     ];
     if (!isIronicInstance(this.detailData)) {
       cards.push(this.serverGroupCard);
@@ -172,6 +173,22 @@ export class BaseDetail extends Base {
     };
   }
 
+  get keypairCard() {
+    const keypair = this.detailData.key_name;
+    const url = this.getRoutePath('keypairDetail', { id: keypair });
+    const content = keypair ? (this.isAdminPage ? <div>{keypair}</div> : <Link to={url}>{keypair}</Link>) : '-';
+    const options = [
+      {
+        label: t('Name'),
+        content: content,
+      },
+    ];
+    return {
+      title: t('Keypair Info'),
+      options,
+    };
+  }
+
   get imageCard() {
     const item = this.detailData.itemInList || {};
     const { image, image_name } = item;