From c0098efa02b4e1adb4fb9e433944f78d4e261828 Mon Sep 17 00:00:00 2001
From: Sergei Maertens <sergei@maykinmedia.nl>
Date: Fri, 15 Nov 2024 12:47:22 +0100
Subject: [PATCH] :children_crossing: [#4320] Update stories and UX of
 completion view

The backend will gain the ability to include the cosign link/button,
which will be rendered as a primary button. To point out the
right call to actions, the 'return to website' link has been
made a secondary button/action.

Stories have been updated to reflect the default templates in the
backend.
---
 .../ConfirmationViewCosign.stories.js                 | 11 +++++++++++
 .../PostCompletionViews/PostCompletionView.jsx        |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/PostCompletionViews/ConfirmationViewCosign.stories.js b/src/components/PostCompletionViews/ConfirmationViewCosign.stories.js
index 30bbbd67c..6e3f7e3be 100644
--- a/src/components/PostCompletionViews/ConfirmationViewCosign.stories.js
+++ b/src/components/PostCompletionViews/ConfirmationViewCosign.stories.js
@@ -16,6 +16,17 @@ export default {
     confirmationPageContent: `
       <p>Your request is not yet complete.</p>
       <h2>Cosigning required</h2>
+      <p>
+        You can start the cosigning immediately by clicking the button below.
+      </p>
+      <p>
+        <a href="./start-cosign">
+          <button type="button" class="utrecht-button utrecht-button--primary-action">
+            Cosign now
+          </button>
+        </a>
+      </p>
+      <h3>Alternative instructions</h3>
       <p>
         We've sent an email with a cosign request to
         <a href="mailto:info@example.com">info@example.com</a>. Once the submission has
diff --git a/src/components/PostCompletionViews/PostCompletionView.jsx b/src/components/PostCompletionViews/PostCompletionView.jsx
index a3a9de15e..648a08ab9 100644
--- a/src/components/PostCompletionViews/PostCompletionView.jsx
+++ b/src/components/PostCompletionViews/PostCompletionView.jsx
@@ -42,7 +42,7 @@ const PostCompletionView = ({
         <Toolbar>
           <ToolbarList>
             <Anchor href={mainWebsiteUrl} rel="noopener noreferrer">
-              <OFButton appearance="primary-action-button">
+              <OFButton appearance="secondary-action-button">
                 <FormattedMessage
                   description="Back to main website link title"
                   defaultMessage="Return to main website"