From 8a05fb509fdee827d50679a1a0d211d2458bc42b Mon Sep 17 00:00:00 2001
From: Tiago Brito <69848652+britotiago03@users.noreply.github.com>
Date: Fri, 10 May 2024 05:15:24 +0200
Subject: [PATCH] Created Checkout.js
---
frontend/src/components/Checkout.js | 40 +++++++++++++++++++++++++++++
1 file changed, 40 insertions(+)
create mode 100644 frontend/src/components/Checkout.js
diff --git a/frontend/src/components/Checkout.js b/frontend/src/components/Checkout.js
new file mode 100644
index 0000000..0ac0cde
--- /dev/null
+++ b/frontend/src/components/Checkout.js
@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+
+function Checkout() {
+ const [formData, setFormData] = useState({
+ name: '',
+ address: '',
+ creditCard: '',
+ });
+
+ const handleChange = (e) => {
+ setFormData({ ...formData, [e.target.name]: e.target.value });
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ // Here you would normally handle payment processing and order creation
+ console.log('Form data submitted:', formData);
+ alert('Order placed successfully!');
+ };
+
+ return (
+ <form onSubmit={handleSubmit}>
+ <div>
+ <label>Name</label>
+ <input type="text" name="name" value={formData.name} onChange={handleChange} required />
+ </div>
+ <div>
+ <label>Address</label>
+ <input type="text" name="address" value={formData.address} onChange={handleChange} required />
+ </div>
+ <div>
+ <label>Credit Card Number</label>
+ <input type="text" name="creditCard" value={formData.creditCard} onChange={handleChange} required />
+ </div>
+ <button type="submit">Place Order</button>
+ </form>
+ );
+}
+
+export default Checkout;
--
GitLab