--Fixed the next button issues on the credential card & return flow

adobe · Jul 16, 2024 · 4a10f91 · 4a10f91
1 parent 2968b27
commit 4a10f91
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/example/src/pages/credential/GetCredentialApiKey.js b/example/src/pages/credential/GetCredentialApiKey.js
@@ -41,7 +41,7 @@ const GetCredentialApiKey = () => {
 
       <GetCredential.UnknownError helpLink="https://some_help_link" helpLinkText="Get Help" className="unKnownError" />
 
-      <GetCredential.Card title="Your credential is ready to use" paragraph="Check the downloads section of your browser for the ZIP file, or find it where you save downloads on your machine." nextStepsLabel="Next steps" nextStepsHref="/credentials/nextsteps" className="card_developer_console">
+      <GetCredential.Card title="Your credential is ready to use" paragraph="Check the downloads section of your browser for the ZIP file, or find it where you save downloads on your machine." className="card_developer_console">
 
         <GetCredential.Card.Side>
           <div style="display : flex ; gap : 16px ; flex-direction : column;">
@@ -67,7 +67,7 @@ const GetCredentialApiKey = () => {
 
       </GetCredential.Card>
 
-      <GetCredential.Return title="Previously created projects" paragraph="Select a project and access your existing credentials for Firefly - Firefly and Creative Cloud Automation." nextStepsLabel="Next steps" nextStepsHref="/credentials/nextsteps" className="card_developer_console">
+      <GetCredential.Return title="Previously created projects" paragraph="Select a project and access your existing credentials for Firefly - Firefly and Creative Cloud Automation." className="card_developer_console">
 
         <GetCredential.Return.Side>
           <GetCredential.Return.Side.Custom>

diff --git a/packages/gatsby-theme-aio/src/components/GetCredential/CredentialDetailsCard.js b/packages/gatsby-theme-aio/src/components/GetCredential/CredentialDetailsCard.js
@@ -158,16 +158,17 @@ export const CredentialDetailsCard = ({
                   align-items: start;
                 }
               `}>
-              <a href={nextButtonLink} target="_blank" rel="noreferrer">
-                <button
-                  className={`spectrum-Button spectrum-Button--outline spectrum-Button--primary spectrum-Button--sizeM`}
-                  css={css`
+              {nextButtonLabel &&
+                <a href={nextButtonLink} target="_blank" rel="noreferrer">
+                  <button
+                    className={`spectrum-Button spectrum-Button--outline spectrum-Button--primary spectrum-Button--sizeM`}
+                    css={css`
                     width: fit-content;
                     margin-top: 10px;
                   `}>
-                  <span className="spectrum-Button-label">{nextButtonLabel}</span>
-                </button>
-              </a>
+                    <span className="spectrum-Button-label">{nextButtonLabel}</span>
+                  </button>
+                </a>}
               {developerConsoleManage &&
                 <a
                   href={devConsoleLink}