You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

63 lines
1.7 KiB

import React, { useState } from "react";
import { connect } from "react-redux";
import { userFactor } from "../../../redux/actions";
import "./index.scss";
function DiscountCode({
codeId,
setCodeId,
delCodeId,
userId,
factorId,
code,
}: any) {
const [value, setValue] = React.useState(code || "");
const setOff = () => {
setCodeId({ offCodeValue: value, userId: userId, id: Number(factorId) || null });
};
return (
<div className="discount-code d-flex align-items-center justify-content-between">
<h3>کارت هدیه یا کد تخفیف دارید؟ </h3>
<div className="d-flex flex-column">
<div className="d-flex">
{!code ? (
<>
<input
type="text"
placeholder="کد خود را در این قسمت وارد نمائید"
defaultValue={codeId}
onChange={(e) => setValue(e.target.value)}
/>
<button onClick={setOff}>تایید کد</button>
</>
) : (
<>
<p>
کد تخفیف برای شما ثبت شده است
</p>
<button
onClick={() => delCodeId({})}
className="discount-code__cancel"
>
x{" "}
</button>
</>
)}
</div>
</div>
</div>
);
}
export default connect(
(state: any) => ({
codeId: state.userFactor.info?.codeId,
code: state.userFactor.info?.offCode?.code,
userId: state.user.status.id,
factorId: state.userFactor.info?.id,
}),
{
setCodeId: userFactor.update,
delCodeId: userFactor.deleteUserOffCode,
}
)(DiscountCode);