flag

mitodl · Jan 17, 2025 · ab6bdf9 · ab6bdf9
1 parent d7b73af
commit ab6bdf9
Showing 1 changed file with 42 additions and 15 deletions.
diff --git 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}