Skip to content

Commit e7483af

Browse files
BaskarMitrahBaskarMitrah
committed
Test : Credential
1 parent fc9169a commit e7483af

File tree

4 files changed

+104
-53
lines changed

4 files changed

+104
-53
lines changed

‎src/@adobe/gatsby-aio-theme/components/GetCredential/Card/CardClientDetails.js‎

Lines changed: 55 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -33,45 +33,61 @@ const CardClientDetails = ({
3333
gap: 32px;
3434
`}>
3535
<h4 className="spectrum-Heading spectrum-Heading--sizeS">{clientDetails?.heading}</h4>
36-
{apiKeyDetails && (
37-
<CardAPIKey
38-
cardClientDetails={clientDetails}
39-
cardAPIKey={apiKeyDetails}
40-
apiKey={response?.['apiKey']}
41-
/>
42-
)}
43-
{clientIdDetails && (
44-
<CardClientId
45-
cardClientDetails={clientDetails}
46-
cardClientId={clientIdDetails}
47-
clientId={response?.['apiKey']}
48-
/>
49-
)}
50-
{allowedOrigins && (
51-
<CardAllowedOrigins
52-
cardClientDetails={clientDetails}
53-
cardAllowedOrigins={allowedOrigins}
54-
allowedOrigins={allowedOriginsDetails}
55-
/>
56-
)}
57-
{clientSecretDetails && (
58-
<CardClientSecret
59-
cardClientDetails={clientDetails}
60-
cardClientSecret={clientSecretDetails}
61-
response={response}
62-
/>
63-
)}
64-
{organizationDetails && (
65-
<CardOrganizationName
66-
cardClientDetails={clientDetails}
67-
cardOrganizationName={organizationDetails}
68-
organization={organizationName?.name}
69-
/>
70-
)}
71-
{scopesDetails && <CardScopes cardClientDetails={clientDetails} cardScopes={scopesDetails} />}
72-
{imsOrgID && (
73-
<CardImsOrgID cardClientDetails={clientDetails} cardImsOrgID={imsOrgID} imsOrgId={selectedOrganization?.code} />
74-
)}
36+
37+
{clientDetails.children.map((element) => {
38+
switch (element?.type?.name) {
39+
case "CardAllowedOrigins":
40+
return (
41+
<CardAllowedOrigins
42+
cardClientDetails={clientDetails}
43+
cardAllowedOrigins={allowedOrigins}
44+
allowedOrigins={allowedOriginsDetails}
45+
/>
46+
);
47+
case "CardOrganizationName":
48+
return (
49+
<CardOrganizationName
50+
cardClientDetails={clientDetails}
51+
cardOrganizationName={organizationDetails}
52+
organization={organizationName?.name}
53+
/>
54+
);
55+
case "CardImsOrgID":
56+
return (
57+
<CardImsOrgID cardClientDetails={clientDetails} cardImsOrgID={imsOrgID} imsOrgId={selectedOrganization?.code} />
58+
);
59+
case "CardAPIKey":
60+
return (
61+
<CardAPIKey
62+
cardClientDetails={clientDetails}
63+
cardAPIKey={apiKeyDetails}
64+
apiKey={response?.['apiKey']}
65+
/>
66+
);
67+
case "CardClientId":
68+
return (
69+
<CardClientId
70+
cardClientDetails={clientDetails}
71+
cardClientId={clientIdDetails}
72+
clientId={response?.['apiKey']}
73+
/>
74+
);
75+
case "CardClientSecret":
76+
return (
77+
<CardClientSecret
78+
cardClientDetails={clientDetails}
79+
cardClientSecret={clientSecretDetails}
80+
response={response}
81+
/>
82+
);
83+
case "CardScopes":
84+
return (
85+
<CardScopes cardClientDetails={clientDetails} cardScopes={scopesDetails} />
86+
);
87+
default:
88+
return null;
89+
}
90+
})}
7591
</div>
7692
);
7793
};

‎src/@adobe/gatsby-aio-theme/components/GetCredential/CredentialDetailsCard.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,7 @@ export const CredentialDetailsCard = ({
8181
}, [bool])
8282

8383
console.log('clientDetails', clientDetails)
84+
console.log('isCollapse', isCollapse)
8485

8586
return (
8687
<>
@@ -135,6 +136,7 @@ export const CredentialDetailsCard = ({
135136
</div>
136137
</div>
137138
</div>
139+
<div>{clientDetails.toString()}</div>
138140
{
139141
bool &&
140142
<div role="button" css={css`cursor:pointer`} data-cy="collapse-open" onClick={handleCollapse}>
@@ -143,6 +145,8 @@ export const CredentialDetailsCard = ({
143145
}
144146
</div>
145147

148+
149+
146150
{isCollapse &&
147151
<>
148152
<hr

‎src/@adobe/gatsby-aio-theme/components/GetCredential/Return/ReturnCredentialDetails.js‎

Lines changed: 40 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,26 +9,57 @@ import { ReturnScopes } from './ReturnScopes';
99
import GetCredentialContext from '../GetCredentialContext';
1010
import { CardImsOrgID } from '../Card/CardImsOrgID';
1111

12-
const ReturnCredentialDetails = ({ clientDetails, clientIdDetails, clientSecretDetails, organizationDetails, scopesDetails, apiKeyDetails, allowedOriginsDetails, organizationName, allowedOrigins, response, imsOrgID }) => {
12+
const ReturnCredentialDetails = ({ clientDetails, clientIdDetails, clientSecretDetails, organizationDetails, scopesDetails, apiKeyDetails, allowedOriginsDetails, organizationName, allowedOrigins, response, imsOrgID}) => {
1313

1414
const { selectedOrganization } = useContext(GetCredentialContext);
15+
console.log('clientDetails', clientDetails)
1516

1617
return (
1718
<div css={css`
1819
display : flex;
1920
flex-direction : column;
2021
gap: 32px;
2122
`}>
22-
<h4 className="spectrum-Heading spectrum-Heading--sizeS">{clientDetails?.heading}</h4>
23-
{apiKeyDetails && <ReturnAPIKey returnCredentialDetails={clientDetails} returnAPIKey={apiKeyDetails} apiKey={response?.workspaces[0]?.credentials[0]?.clientId} />}
24-
{allowedOrigins && <ReturnAllowedOrigins returnCredentialDetails={clientDetails} allowedOrigins={allowedOriginsDetails} returnAllowedOrigins={allowedOrigins} />}
25-
{clientIdDetails && <ReturnClientId returnCredentialDetails={clientDetails} returnClientId={clientIdDetails} clientId={response?.workspaces[0]?.credentials[0]?.clientId} />}
26-
{clientSecretDetails && <ReturnClientSecret returnCredentialDetails={clientDetails} returnClientSecret={clientSecretDetails} response={response} />}
27-
{organizationDetails && <ReturnOrganizationName returnCredentialDetails={clientDetails} returnOrganizationName={organizationDetails} organization={organizationName?.name} />}
28-
{scopesDetails && <ReturnScopes returnCredentialDetails={clientDetails} returnScopes={scopesDetails} />}
29-
{imsOrgID && <CardImsOrgID returnCredentialDetails={clientDetails} cardImsOrgID={imsOrgID} imsOrgId={selectedOrganization?.code} />}
23+
24+
<h4 className="spectrum-Heading spectrum-Heading--sizeS">{clientDetails?.heading} </h4>
25+
26+
{clientDetails.children.map((element) => {
27+
switch (element?.type?.name) {
28+
case "ReturnAllowedOrigins":
29+
return (
30+
<ReturnAllowedOrigins returnCredentialDetails={clientDetails} allowedOrigins={allowedOriginsDetails} returnAllowedOrigins={allowedOrigins} />
31+
);
32+
case "ReturnOrganizationName":
33+
return (
34+
<ReturnOrganizationName returnCredentialDetails={clientDetails} returnOrganizationName={organizationDetails} organization={organizationName?.name} />
35+
);
36+
case "CardImsOrgID":
37+
return (
38+
<CardImsOrgID returnCredentialDetails={clientDetails} cardImsOrgID={imsOrgID} imsOrgId={selectedOrganization?.code} />
39+
);
40+
case "ReturnAPIKey":
41+
return (
42+
<ReturnAPIKey returnCredentialDetails={clientDetails} returnAPIKey={apiKeyDetails} apiKey={response?.workspaces[0]?.credentials[0]?.clientId} />
43+
);
44+
case "ReturnClientId":
45+
return (
46+
<ReturnClientId returnCredentialDetails={clientDetails} returnClientId={clientIdDetails} clientId={response?.workspaces[0]?.credentials[0]?.clientId} />
47+
);
48+
case "ReturnClientSecret":
49+
return (
50+
<ReturnClientSecret returnCredentialDetails={clientDetails} returnClientSecret={clientSecretDetails} response={response} />
51+
);
52+
case "ReturnScopes":
53+
return (
54+
<ReturnScopes returnCredentialDetails={clientDetails} returnScopes={scopesDetails} />
55+
);
56+
default:
57+
return null;
58+
}
59+
})}
3060
</div>
3161
)
3262
}
3363

3464
export { ReturnCredentialDetails };
65+

‎src/pages/credential/GetCredentialApiKey.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react'
2-
import { GetCredential } from '@adobe/gatsby-theme-aio/src/components/GetCredential';
2+
import { GetCredential } from '../../@adobe/gatsby-aio-theme/components/GetCredential';
33
import creativeCloud from "./images/cc-icon.png";
44

55
const GetCredentialApiKey = () => {
@@ -60,10 +60,10 @@ const GetCredentialApiKey = () => {
6060
<GetCredential.Card.DevConsoleLink heading="Developer Console Project" />
6161

6262
<GetCredential.Card.CredentialDetails heading="Credential details">
63-
<GetCredential.Card.CredentialDetails.APIKey heading="API Key" />
6463
<GetCredential.Card.CredentialDetails.AllowedOrigins heading="Allowed domains" />
65-
<GetCredential.Card.CredentialDetails.OrganizationName heading="Organization" />
64+
<GetCredential.Card.CredentialDetails.APIKey heading="API Key" />
6665
<GetCredential.Card.CredentialDetails.ImsOrgID heading="IMS Organization ID" />
66+
<GetCredential.Card.CredentialDetails.OrganizationName heading="Organization" />
6767
</GetCredential.Card.CredentialDetails>
6868

6969
</GetCredential.Card>
@@ -81,10 +81,10 @@ const GetCredentialApiKey = () => {
8181
</GetCredential.Return.Side>
8282

8383
<GetCredential.Return.CredentialDetails heading="Credential details">
84-
<GetCredential.Return.CredentialDetails.APIKey heading="API Key" />
8584
<GetCredential.Return.CredentialDetails.AllowedOrigins heading="Allowed domains" />
86-
<GetCredential.Return.CredentialDetails.OrganizationName heading="Organization" />
85+
<GetCredential.Return.CredentialDetails.APIKey heading="API Key" />
8786
<GetCredential.Return.CredentialDetails.ImsOrgID heading="IMS Organization ID" />
87+
<GetCredential.Return.CredentialDetails.OrganizationName heading="Organization" />
8888
</GetCredential.Return.CredentialDetails>
8989

9090
<GetCredential.Return.ProjectsDropdown label="Projects" subHeading="Only your projects that contain credentials are shown" />

0 commit comments

Comments
 (0)