Added QB like calculator field for numbers that can be used. Resolved issue for unsaved changes indicator BOD-245 BOD-220

client/src/components/_test/test.component.jsx

@@ -1,6 +1,6 @@
 import {
   PaymentRequestButtonElement,
-  useStripe
+  useStripe,
 } from "@stripe/react-stripe-js";
 import React, { useEffect, useState } from "react";
 import { connect } from "react-redux";
@@ -9,6 +9,8 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
 import { setEmailOptions } from "../../redux/email/email.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { TemplateList } from "../../utils/TemplateConstants";
+import { Input, InputNumber, Popover } from "antd";
+import { isInteger } from "lodash";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -18,13 +20,14 @@ const mapDispatchToProps = (dispatch) => ({
   setEmailOptions: (e) => dispatch(setEmailOptions(e)),
 });
 
+
+
 function Test({ bodyshop, setEmailOptions }) {
   const stripe = useStripe();
 
   const [paymentRequest, setPaymentRequest] = useState(null);
   useEffect(() => {
     if (stripe) {
-      console.log("in useeff");
       const pr = stripe.paymentRequest({
         country: "CA",
         displayItems: [{ label: "Deductible", amount: 1099 }],
@@ -37,10 +40,8 @@ function Test({ bodyshop, setEmailOptions }) {
         requestPayerEmail: true,
       });
 
-      console.log("pr", pr);
       // Check the availability of the Payment Request API.
       pr.canMakePayment().then((result) => {
-        console.log("result", result);
         if (result) {
           setPaymentRequest(pr);
         } else {