From ab6bdf9eda29adda5d2cf3cea9762acbe99659d9 Mon Sep 17 00:00:00 2001
From: Anna <annagav@mit.edu>
Date: Fri, 17 Jan 2025 13:50:25 -0500
Subject: [PATCH] flag

---
 .../components/CourseProductDetailEnroll.js   | 57 ++++++++++++++-----
 1 file changed, 42 insertions(+), 15 deletions(-)

diff --git a/frontend/public/src/components/CourseProductDetailEnroll.js b/frontend/public/src/components/CourseProductDetailEnroll.js
index 51389f04d..c23eae16a 100644
--- a/frontend/public/src/components/CourseProductDetailEnroll.js
+++ b/frontend/public/src/components/CourseProductDetailEnroll.js
@@ -422,23 +422,50 @@ export class CourseProductDetailEnroll extends React.Component<
                       </>
                     </p>
                   </div>
-                  <div className="col-md-6 col-sm-12 pr-0">
-                    <div className={newCartDesign ? "new-design" : ""}>
-                      <button
-                        onClick={this.onAddToCartClick.bind(this)}
-                        type="button"
-                        className="btn btn-upgrade btn-gradient-red-to-blue"
-                        disabled={!canUpgrade}
+                  {newCartDesign ? (
+                    <div className="col-md-6 col-sm-12 pr-0">
+                      <div className="new-design">
+                        <button
+                          onClick={this.onAddToCartClick.bind(this)}
+                          type="button"
+                          className="btn btn-upgrade btn-gradient-red-to-blue"
+                          disabled={!canUpgrade}
+                        >
+                          <i className="shopping-cart-line-icon" />
+                          <div className="upgrade-btn-text">
+                            <strong>Add to Cart</strong>
+                            <br />
+                            <span>to get a Certificate</span>
+                          </div>
+                        </button>
+                      </div>
+                    </div>
+                  ) : (
+                    <div className="col-md-6 col-sm-12 pr-0">
+                      <form
+                        action="/cart/add/"
+                        method="get"
+                        className="text-center"
                       >
-                        <i className="shopping-cart-line-icon" />
-                        <div className="upgrade-btn-text">
-                          <strong>Add to Cart</strong>
-                          <br />
-                          <span>to get a Certificate</span>
-                        </div>
-                      </button>
+                        <input
+                          type="hidden"
+                          name="product_id"
+                          value={(product && product.id) || ""}
+                        />
+                        <button
+                          type="submit"
+                          className="btn btn-upgrade btn-gradient-red-to-blue"
+                          disabled={!canUpgrade}
+                        >
+                          <div className="upgrade-btn-text">
+                            <strong>Add to Cart</strong>
+                            <br />
+                            <span>to get a Certificate</span>
+                          </div>
+                        </button>
+                      </form>
                     </div>
-                  </div>
+                  )}
                 </div>
               </>
             ) : null}