From ae835a56553284a524dfa95bf613fa1ff1c5e8a6 Mon Sep 17 00:00:00 2001
From: Anna <annagav@mit.edu>
Date: Fri, 17 Jan 2025 15:25:52 -0500
Subject: [PATCH] last touch

---
 .../scss/product-page/product-details.scss      | 17 ++++++++++++-----
 .../src/components/CourseProductDetailEnroll.js |  7 ++++++-
 static/images/arrow-right-line.svg              |  1 +
 3 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 static/images/arrow-right-line.svg

diff --git a/frontend/public/scss/product-page/product-details.scss b/frontend/public/scss/product-page/product-details.scss
index fa6637efc..e55c67bb7 100644
--- a/frontend/public/scss/product-page/product-details.scss
+++ b/frontend/public/scss/product-page/product-details.scss
@@ -867,26 +867,33 @@ body.new-design {
 .added-to-cart-modal {
 
   .go-to-cart-btn-text {
-
+    img {
+      margin-left: 10px;
+    }
   }
   .green-label {
     background-color: rgba(0, 173, 0, 0.2);
     width: 100%;
     padding: 11px 16px 11px 16px;
-    border-radius: 4px 0px 0px 0px;
+    border-radius: 4px 0 0 0;
     opacity: 90%;
     font-size: 14px;
     font-weight: 700;
     line-height: 18px;
     text-align: left;
-
-
   }
-  .green_check_circle {
+  .green-check-circle-icon {
     display: inline-block;
     vertical-align: middle;
     width: 16px;
     height: 16px;
     margin-right: 10px
   }
+
+  .right-arrow-icon {
+    width: 24px;
+    height: 24px;
+    filter: invert(100%) sepia(95%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(100%);
+  }
+
 }
diff --git a/frontend/public/src/components/CourseProductDetailEnroll.js b/frontend/public/src/components/CourseProductDetailEnroll.js
index c23eae16a..407645ba3 100644
--- a/frontend/public/src/components/CourseProductDetailEnroll.js
+++ b/frontend/public/src/components/CourseProductDetailEnroll.js
@@ -276,7 +276,7 @@ export class CourseProductDetailEnroll extends React.Component<
         <ModalBody>
           <div className="green-label">
             <img
-              className="green_check_circle"
+              className="green-check-circle-icon"
               src="/static/images/check_circle.svg"
               alt="Check"
             />
@@ -288,10 +288,15 @@ export class CourseProductDetailEnroll extends React.Component<
             </button>
             <button
               type="submit"
+              onClick={() => (window.location = routes.cart)}
               className="btn btn-gradient-red-to-blue btn-secondary"
             >
               <div className="go-to-cart-btn-text">
                 <strong>Go to Cart</strong>
+                <img
+                  className="right-arrow-icon"
+                  src="/static/images/arrow-right-line.svg"
+                />
               </div>
             </button>
           </div>
diff --git a/static/images/arrow-right-line.svg b/static/images/arrow-right-line.svg
new file mode 100644
index 000000000..85f93cc3a
--- /dev/null
+++ b/static/images/arrow-right-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path></svg>
\ No newline at end of file