From fdf98593d8e47d4ad6fdbc4dd3eb10a7718ead4e Mon Sep 17 00:00:00 2001
From: Justin Gasper <jmgasper@gmail.com>
Date: Tue, 13 Feb 2024 08:56:05 +0000
Subject: [PATCH] Updated UI for CORE-292

---
 .../components/DateRangePicker/style.scss     |  2 +-
 .../challenge-detail/Header/index.jsx         | 19 +++++++----
 .../challenge-detail/Header/style.scss        | 32 +++++++++++++++++++
 3 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/src/shared/components/DateRangePicker/style.scss b/src/shared/components/DateRangePicker/style.scss
index 440e8d281f..77a77e7896 100644
--- a/src/shared/components/DateRangePicker/style.scss
+++ b/src/shared/components/DateRangePicker/style.scss
@@ -123,7 +123,7 @@
       position: relative;
 
       &::after {
-        content: "\f078";
+        content: "\f08e";
         display: inline-flex;
         align-items: center;
         justify-content: center;
diff --git a/src/shared/components/challenge-detail/Header/index.jsx b/src/shared/components/challenge-detail/Header/index.jsx
index 8a1973a465..41c58b8dd3 100644
--- a/src/shared/components/challenge-detail/Header/index.jsx
+++ b/src/shared/components/challenge-detail/Header/index.jsx
@@ -469,13 +469,18 @@ export default function ChallengeHeader(props) {
                 }
               </div>
             ) : (
-              <div styleName="challenge-ops-container">
-                <PrimaryButton
-                  theme={{ button: style.submitButton }}
-                  to={`${topcrowdLink}`}
-                >
-                  Go to Topcrowd
-                </PrimaryButton>
+              <div styleName="topcrowd-container">
+                This challenge is hosted on the <br />
+                new Topcoder Platform
+
+                <div>
+                  <Link
+                    openNewTab
+                    to={`${topcrowdLink}`}
+                  >
+                    Visit Challenge Registration
+                  </Link>
+                </div>
               </div>
             )}
           </div>
diff --git a/src/shared/components/challenge-detail/Header/style.scss b/src/shared/components/challenge-detail/Header/style.scss
index fc6db81abc..b9a65ab407 100644
--- a/src/shared/components/challenge-detail/Header/style.scss
+++ b/src/shared/components/challenge-detail/Header/style.scss
@@ -10,6 +10,38 @@
   padding: 0 25px !important;
 }
 
+.topcrowd-container {
+  display: block;
+  margin-top: 32px;
+  margin-right: 50px;
+  margin-left: 50px;
+  font-size: 12px;
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.2em;
+
+  a {
+    color: $tc-dark-blue;
+    display: block;
+    padding-top: 20px;
+
+    &::after {
+      content: "\f08e";
+      display: inline;
+      align-items: center;
+      justify-content: center;
+      right: 6px;
+      top: 46%;
+      height: 34px;
+      font-family: "FontAwesome", serif;
+      font-size: 12px;
+      color: $tc-dark-blue;
+      transform: translateY(-50%);
+      pointer-events: none;
+      margin-left: 5px;
+    }
+  }
+}
+
 .challenge-ops-container .submitButton {
   margin: 5px;
   min-width: 0;