Added payment type to modal and lists BOD-230

client/src/components/payment-form/payment-form.component.jsx

@@ -1,5 +1,5 @@
 import { CardElement } from "@stripe/react-stripe-js";
-import { Checkbox, Form, Input, Radio } from "antd";
+import { Checkbox, Form, Input, Radio, Select } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -65,6 +65,25 @@ export function PaymentFormComponent({
         <Input />
       </Form.Item>
 
+      <Form.Item
+        label={t("payments.labels.type")}
+        name="type"
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <Select>
+          <Select.Option value="Visa">Visa</Select.Option>
+          <Select.Option value="Mastercard">Mastercard</Select.Option>
+          <Select.Option value="AMEX">AMEX</Select.Option>
+          <Select.Option value="Discover">Discover</Select.Option>
+          <Select.Option value="Cash">Cash</Select.Option>
+        </Select>
+      </Form.Item>
+
       <Form.Item
         label={t("payments.labels.electronicpayment")}
         name="useStripe"