show credentials openapi documentation in add/update credentials UI

eclipse-xpanse · Sep 6, 2023 · 687c00e · 687c00e
1 parent 99c9aca
commit 687c00e
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/src/components/content/credential/AddCredential.tsx b/src/components/content/credential/AddCredential.tsx
@@ -19,7 +19,7 @@ import {
 import { CredentialTip } from './CredentialTip';
 import { useMutation, useQuery, UseQueryResult } from '@tanstack/react-query';
 import { cspMap } from '../order/formElements/CspSelect';
-import { CredentialApiDoc } from '../common/doc/CredentialApiDoc';
+import { CredentialApiDoc } from './CredentialApiDoc';
 
 function AddCredential({
     credentialsQuery,

diff --git a/...s/content/common/doc/CredentialApiDoc.tsx → ...s/content/credential/CredentialApiDoc.tsx b/...s/content/common/doc/CredentialApiDoc.tsx → ...s/content/credential/CredentialApiDoc.tsx
@@ -4,8 +4,8 @@
  */
 
 import { LinkOutlined } from '@ant-design/icons';
-import '../../../../styles/app.css';
-import { CredentialsManagementService, CredentialVariables, Link } from '../../../../xpanse-api/generated';
+import '../../../styles/app.css';
+import { CredentialsManagementService, CredentialVariables, Link } from '../../../xpanse-api/generated';
 
 export function CredentialApiDoc({
     csp,

diff --git a/src/components/content/credential/UpdateCredential.tsx b/src/components/content/credential/UpdateCredential.tsx
@@ -19,7 +19,7 @@ import '../../../styles/credential.css';
 import { CredentialTip } from './CredentialTip';
 import { useMutation, UseQueryResult } from '@tanstack/react-query';
 import { cspMap } from '../order/formElements/CspSelect';
-import { CredentialApiDoc } from '../common/doc/CredentialApiDoc';
+import { CredentialApiDoc } from './CredentialApiDoc';
 
 function UpdateCredential({
     createCredential,
@@ -194,7 +194,7 @@ function UpdateCredential({
             <CredentialApiDoc
                 csp={createCredential.csp}
                 credentialType={createCredential.type}
-                styleClass={'add-credential-api-doc'}
+                styleClass={'update-credential-api-doc'}
             />
             <Form
                 form={form}

diff --git a/src/styles/credential.css b/src/styles/credential.css
@@ -66,5 +66,18 @@
     display: inline;
     padding: 0;
     margin-top: -27px;
-    margin-right: 680px;
+    margin-right: 240px;
 }
+
+.update-credential-api-doc{
+    font-size: 6px;
+    font-weight: bold;
+    float: right;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    display: inline;
+    padding: 0;
+    margin-top: -27px;
+    margin-right: 250px;
+}