WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

added fix

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2023-06-18 23:06:16 +01:00
parent 2341d2a17d
commit 9a3fa2a4a4
3 changed files with 44 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Referral/Index.jsx
+6 -6
View File
@@ -1,13 +1,13 @@
import React from 'react' import React from "react";
import Layout from '../Partials/Layout' import Layout from "../Partials/Layout";
import ReferralDisplay from './ReferralDisplay' import ReferralDisplay from "./ReferralDisplay";
function Referral() { function Referral() {
return ( return (
<Layout> <Layout>
<ReferralDisplay /> <ReferralDisplay />
</Layout> </Layout>
) );
} }
export default Referral export default Referral;
src/components/Referral/ReferralDisplay.jsx
+33 -33
View File
@@ -10,25 +10,25 @@ import * as Yup from "yup";
import ReferralTable from "../MyWallet/WalletComponent/ReferralTable"; import ReferralTable from "../MyWallet/WalletComponent/ReferralTable";
const validationSchema = Yup.object().shape({ const validationSchema = Yup.object().shape({
email: Yup.string() ref_email: Yup.string()
.email("Wrong email format") .email("Wrong email format")
.min(3, "Minimum 3 characters") .min(3, "Minimum 3 characters")
.max(50, "Maximum 50 characters") .max(50, "Maximum 50 characters")
.required("Email is required"), .required("Email is required"),
firstname: Yup.string() ref_firstname: Yup.string()
.min(3, "Minimum 3 characters") .min(3, "Minimum 3 characters")
.max(25, "Maximum 25 characters") .max(25, "Maximum 25 characters")
.required("Firstname is required"), .required("Firstname is required"),
lastname: Yup.string() ref_lastname: Yup.string()
.min(3, "Minimum 3 characters") .min(3, "Minimum 3 characters")
.max(25, "Maximum 25 characters") .max(25, "Maximum 25 characters")
.required("Lastname is required"), .required("Lastname is required"),
}); });
const initialValues = { const initialValues = {
firstname: "", ref_firstname: "",
lastname: "", ref_lastname: "",
email: "", ref_email: "",
}; };
function ReferralDisplay() { function ReferralDisplay() {
@@ -121,12 +121,9 @@ function ReferralDisplay() {
<div className="sm:flex justify-between items-center mb-6"> <div className="sm:flex justify-between items-center mb-6">
<div className="mb-5 sm:mb-0"> <div className="mb-5 sm:mb-0">
<h1 className="text-26 font-bold inline-flex gap-3 text-dark-gray dark:text-white items-center"> <h1 className="text-26 font-bold inline-flex gap-3 text-dark-gray dark:text-white items-center">
<span> <span>Refer a Friend</span>
Refer a Friend
</span>
</h1> </h1>
</div> </div>
</div> </div>
<div className="referral w-full md:p-8 p-4 bg-white dark:bg-dark-white rounded-2xl shadow"> <div className="referral w-full md:p-8 p-4 bg-white dark:bg-dark-white rounded-2xl shadow">
@@ -147,17 +144,18 @@ function ReferralDisplay() {
fieldClass="px-6" fieldClass="px-6"
label="Firstname" label="Firstname"
type="text" type="text"
name="firstname" name="ref_firstname"
placeholder="Firstname" placeholder="Firstname"
value={props.values.firstname} value={props.values.ref_firstname}
inputHandler={props.handleChange} inputHandler={props.handleChange}
blurHandler={props.handleBlur} blurHandler={props.handleBlur}
/> />
{props.errors.firstname && props.touched.firstname && ( {props.errors.ref_firstname &&
<p className="text-sm text-red-500"> props.touched.ref_firstname && (
{props.errors.firstname} <p className="text-sm text-red-500">
</p> {props.errors.ref_firstname}
)} </p>
)}
</div> </div>
{/* Lastname */} {/* Lastname */}
@@ -166,17 +164,18 @@ function ReferralDisplay() {
fieldClass="px-6" fieldClass="px-6"
label="Lastname" label="Lastname"
type="text" type="text"
name="lastname" name="ref_lastname"
placeholder="Lastname" placeholder="Lastname"
value={props.values.lastname} value={props.values.ref_lastname}
inputHandler={props.handleChange} inputHandler={props.handleChange}
blurHandler={props.handleBlur} blurHandler={props.handleBlur}
/> />
{props.errors.lastname && props.touched.lastname && ( {props.errors.ref_lastname &&
<p className="text-sm text-red-500"> props.touched.ref_lastname && (
{props.errors.lastname} <p className="text-sm text-red-500">
</p> {props.errors.ref_lastname}
)} </p>
)}
</div> </div>
</div> </div>
@@ -185,14 +184,16 @@ function ReferralDisplay() {
fieldClass="px-6" fieldClass="px-6"
label="Email" label="Email"
type="text" type="text"
name="email" name="ref_email"
placeholder="Email" placeholder="Email"
value={props.values.email} value={props.values.ref_email}
inputHandler={props.handleChange} inputHandler={props.handleChange}
blurHandler={props.handleBlur} blurHandler={props.handleBlur}
/> />
{props.errors.email && props.touched.email && ( {props.errors.ref_email && props.touched.ref_email && (
<p className="text-sm text-red-500">{props.errors.email}</p> <p className="text-sm text-red-500">
{props.errors.ref_email}
</p>
)} )}
</div> </div>
@@ -206,7 +207,8 @@ function ReferralDisplay() {
) : ( ) : (
<button <button
type="submit" type="submit"
className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white" > className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
>
Send Message Send Message
</button> </button>
)} )}
@@ -221,14 +223,12 @@ function ReferralDisplay() {
Referral List Referral List
</h2> </h2>
{referralList.loading ? ( {referralList.loading ? (
<LoadingSpinner size="32" color="sky-blue" /> <LoadingSpinner size="32" color="sky-blue" />
) : ( ) : (
<ReferralTable history={referralList} /> <ReferralTable history={referralList} />
)} )}
</div> </div>
</div> </div>
</div> </div>
); );
} }
src/views/ReferralPage.jsx
+5 -5
View File
@@ -1,12 +1,12 @@
import React from 'react' import React from "react";
import Referral from '../components/Referral/Index' import Referral from "../components/Referral/Index";
function ReferralPage() { function ReferralPage() {
return ( return (
<> <>
<Referral /> <Referral />
</> </>
) );
} }
export default ReferralPage export default ReferralPage;