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.
56 lines
1.8 KiB
56 lines
1.8 KiB
import React from "react"; |
|
import "./index.scss"; |
|
import CustomCheckbox from "../../../components/CustomCheckbox"; |
|
import CircleRoundedIcon from "@mui/icons-material/CircleRounded"; |
|
import RadioButtonUncheckedRoundedIcon from "@mui/icons-material/RadioButtonUncheckedRounded"; |
|
import { connect } from "react-redux"; |
|
|
|
function SubscribeRadio({ data, selectedSubscripe }: any) { |
|
return ( |
|
<div |
|
className={ |
|
"subscribe-radio d-flex" + |
|
" " + |
|
(selectedSubscripe.id === data.id ? "subscribe-radio-active" : "") |
|
} |
|
> |
|
<div className="subscribe-radio__name d-flex align-items-center"> |
|
<CustomCheckbox |
|
icon={ |
|
<RadioButtonUncheckedRoundedIcon |
|
style={{ color: "#707070", fontSize: 50, padding: 0 }} |
|
/> |
|
} |
|
checkedIcon={ |
|
<CircleRoundedIcon |
|
style={{ color: "white", fontSize: 50, padding: 0 }} |
|
/> |
|
} |
|
/> |
|
<h2>{data.name}</h2> |
|
</div> |
|
<div className="subscribe-radio__factor d-flex flex-column justify-content-center"> |
|
{data.offPercent !== 0 && ( |
|
<div className="subscribe-radio__factor--off d-flex align-items-center"> |
|
<b>{data.off}<span></span></b> |
|
<i>تومان</i> |
|
</div> |
|
)} |
|
<div className="subscribe-radio__factor--finalPrice d-flex align-items-center"> |
|
<strong>{data.finalPrice}</strong> |
|
<i>تومان</i> |
|
</div> |
|
{data.offPercent !== 0 && ( |
|
<span className="subscribe-radio__factor--tag">{`${data.offPercent}% تخفیف ویژه`}</span> |
|
)} |
|
</div> |
|
</div> |
|
); |
|
} |
|
|
|
export default connect( |
|
(state: any) => ({ |
|
selectedSubscripe: state.publicApi.selectedSubscripe, |
|
}), |
|
{} |
|
)(SubscribeRadio);
|
|
|