Skip to content

Commit

Permalink
Update testing.tsx
Browse files Browse the repository at this point in the history
  • Loading branch information
@0147123
0147123 committed Aug 30, 2024
1 parent 3535b6b commit 653c602
Showing 1 changed file with 50 additions and 24 deletions.
74 changes: 50 additions & 24 deletions src/pages/testing/testing.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { BackButton } from "../../components/button";
import "./testing.css";
import { useNavigate } from "react-router-dom";
import { useLocation } from "react-router-dom";
import { useEffect } from "react";
import { useEffect, useState } from "react";
import { FindLatestTransactionArray, FindLatestTransactionNumber, FindNftIpfsAddressWithConractId, IsUserUpdatingIcon } from "../../NftSystem/updateUserNftStorage";
import { selectWalletNodeHost, useLedger } from "../../redux/useLedger";
import { useDispatch, useSelector } from "react-redux";
Expand All @@ -26,18 +26,19 @@ const Testing: React.FunctionComponent<TestingProps> = (props) => {
const [login, { isSuccess: isLoginSuccess, isLoading: isLoginLoading, data: loginData, error: loginError }] = useAccessMutation();
const [getCouponsByUser, { isSuccess: isGetCouponsByUser, error: getCouponError }] = useGetCouponsByUserMutation();
const [getFilterOption, { isSuccess: isGetFilterOptionSuccess, error: getFilterOptionError }] = useGetFilterOptionMutation();
const [getCouponDetail, { isSuccess: isGetCouponCodeSuccess, error: getCouponCodeError }] = useGetCouponDetailMutation();
const [getCouponDetail, { isSuccess: isGetCouponCodeSuccess, error: getCouponCodeError, status: couponDetailStatus }] = useGetCouponDetailMutation();
const loginedEmail = useSelector(selectCurrentEmail);
const couponList = useSelector(selectCurrentCouponList);
const filterOption: FilterOption = useSelector(selectCurrentFilterOption);
const selectedCoupon = useSelector(selectCurrentSelectedCoupon);
const [isTriggerGetCouponCode, setIsTriggerGetCouponCode] = useState<boolean>(false);


const [logout, { isSuccess: isLogoutSuccess, error: logoutError }] = useLogoutMutation();
const location = useLocation();

const [email, setEmail] = React.useState<string>("");
const [userEnterCouponId, setUserEnterCouponId] = React.useState<number>(0);
const [email, setEmail] = useState<string>("");
const [userEnterCouponId, setUserEnterCouponId] = useState<number>(0);

useEffect(() => {
const searchParams = new URLSearchParams(location.search);
Expand All @@ -59,6 +60,27 @@ const Testing: React.FunctionComponent<TestingProps> = (props) => {
}
}, [location.search]);

// build a function to get coupon code for every 30 seconds
// if isTriggerGetCouponCode is false, stop the interval
useEffect(() => {
if (isTriggerGetCouponCode && couponDetailStatus !== "rejected") {
const interval = setInterval(() => {
getCouponDetail(userEnterCouponId)
.then((res) => {
console.log("res", res);
if ("data" in res) {
dispatch(couponSlice.actions.setSelectedCoupon(res.data));
}
})
.catch((err) => {
console.log(err);
});
}, 3000);

return () => clearInterval(interval);
}
}, [isTriggerGetCouponCode]);


const emailLogin = async () => {
const sendEmail: SendEmailLinkContent = {
Expand Down Expand Up @@ -110,27 +132,30 @@ const Testing: React.FunctionComponent<TestingProps> = (props) => {
}

const getCoupon = async () => {
getCouponDetail(userEnterCouponId)
.then((res) => {
console.log("res", res);
if ("data" in res) {
dispatch(couponSlice.actions.setSelectedCoupon(res.data));
}
})
.catch((err) => {
console.log(err);
});
setIsTriggerGetCouponCode(true);
// getCouponDetail(userEnterCouponId)
// .then((res) => {
// console.log("res", res);
// if ("data" in res) {
// dispatch(couponSlice.actions.setSelectedCoupon(res.data));
// }
// })
// .catch((err) => {
// console.log(err);
// });
}

const content: JSX.Element = (
<>
<BackButton customiseBackButtonLink={"/home"} />
<button onClick={emailLogin}>testing get email login</button>
<input type="text" value={email} onChange={(e) => setEmail(e.target.value)} />
<button onClick={userLogout}>Logout</button>
<button onClick={getCouponList}>Get Coupon list</button>
<button onClick={getFilter}>Get Filter</button>
<button onClick={getCoupon}>Get coupon detail by coupon id(need to enter coupon id that user have )</button>
<input type="number" placeholder="coupon_id" value={userEnterCouponId} onChange={(e) => setUserEnterCouponId(parseInt(e.target.value))} />
<button onClick={() => setIsTriggerGetCouponCode(false)}>Stop get coupon code</button>



Expand Down Expand Up @@ -162,11 +187,12 @@ const Testing: React.FunctionComponent<TestingProps> = (props) => {
</div>
);
})}
{isGetCouponCodeSuccess && <p style={{ color: "white" }}>get coupon code</p>}
{isGetCouponCodeSuccess && <p style={{ color: "white" }}>{selectedCoupon.c_name}</p>}
{isGetCouponCodeSuccess && <p style={{ color: "white" }}>{selectedCoupon.c_description}</p>}
{isGetCouponCodeSuccess && <p style={{ color: "white" }}>{selectedCoupon.coupon_code}</p>}

{couponDetailStatus === "fulfilled" && <p style={{ color: "white" }}>get coupon detail</p>}
{couponDetailStatus === "fulfilled" && <p style={{ color: "white" }}>{selectedCoupon.c_name}</p>}
{couponDetailStatus === "fulfilled" && <p style={{ color: "white" }}>{selectedCoupon.c_description}</p>}
{couponDetailStatus === "fulfilled" && <p style={{ color: "white" }}>{selectedCoupon.coupon_code}</p>}
<p style={{ color: "white" }}>{couponDetailStatus}</p>
<p style={{ color: "white" }}>{isTriggerGetCouponCode ? "triggered get coupon code" : "stop get coupon code"}</p>
</>
);

Expand All @@ -186,11 +212,11 @@ export default Testing;
// const nftDistributor = process.env.REACT_APP_NFT_DISTRIBUTOR!;
// const NftContractStorage = useSelector(getNftContractStorage);

// const [nftId, setNftId] = React.useState<string>("");
// const [isLoading, setIsLoading] = React.useState<boolean>(true);
// const [nftIpfsAddress, setNftIpfsAddress] = React.useState<string>("");
// const [nftNumber, setNftNumber] = React.useState<string>("");
// const [imgAddress, setImgAddress] = React.useState<string>("");
// const [nftId, setNftId] = useState<string>("");
// const [isLoading, setIsLoading] = useState<boolean>(true);
// const [nftIpfsAddress, setNftIpfsAddress] = useState<string>("");
// const [nftNumber, setNftNumber] = useState<string>("");
// const [imgAddress, setImgAddress] = useState<string>("");
// const fetchUserIcon = async () => {
// const isUserSettingUpdating = await IsUserUpdatingIcon(ledger2, userAccountId);
// if (isUserSettingUpdating === true) {
Expand Down

0 comments on commit 653c602

Please sign in to comment.