This commit is contained in:
Kenneth Jannette
2024-02-15 21:08:19 -06:00
parent a742bc7ae5
commit 030c6d3f51
2 changed files with 13 additions and 4 deletions

View File

@@ -19,6 +19,7 @@ const ConfirmModal = ({
setIssueText, setIssueText,
reportDoc, reportDoc,
titleText, titleText,
isPromoModal,
}) => { }) => {
const title = titleText ? titleText : "Confirmation"; const title = titleText ? titleText : "Confirmation";
@@ -29,7 +30,7 @@ const ConfirmModal = ({
<Modal.Title>Report an issue</Modal.Title> <Modal.Title>Report an issue</Modal.Title>
) : ( ) : (
<Modal.Title> <Modal.Title>
{titleText ? ( {titleText && !isPromoModal ? (
<ExclamationTriangle <ExclamationTriangle
style={{ style={{
color: "red", color: "red",
@@ -46,7 +47,7 @@ const ConfirmModal = ({
</Modal.Header> </Modal.Header>
<Modal.Body> <Modal.Body>
<span>{modalText}</span> <span>{modalText}</span>
{isReport ? ( {isReport || isPromoModal ? (
<div style={{ marginTop: "16px" }}> <div style={{ marginTop: "16px" }}>
<TextInput <TextInput
key={"captionTwo"} key={"captionTwo"}
@@ -54,7 +55,13 @@ const ConfirmModal = ({
value={issueText} value={issueText}
message={"data.captionTwo.message"} message={"data.captionTwo.message"}
onChange={(e) => setIssueText(e.target.value)} onChange={(e) => setIssueText(e.target.value)}
label={issueText ? "" : "Description of issue"} label={
issueText
? ""
: isPromoModal
? "Enter your promotional code"
: "Description of issue"
}
/> />
</div> </div>
) : ( ) : (

View File

@@ -61,6 +61,7 @@ const SignupPage = () => {
const [showAddAccount, setShowAddAccount] = useState(false); const [showAddAccount, setShowAddAccount] = useState(false);
const [numberOfAccountsToAdd, setNumberOfAccountsToAdd] = useState(); const [numberOfAccountsToAdd, setNumberOfAccountsToAdd] = useState();
const [showPromoModal, setShowPromoModal] = useState(false); const [showPromoModal, setShowPromoModal] = useState(false);
const [isPromoMembership, setIsPromoMembership] = useState();
const handleChangeInput = (e, name) => { const handleChangeInput = (e, name) => {
const newData = handleFormDataChange(e, name, data, signupFields); const newData = handleFormDataChange(e, name, data, signupFields);
@@ -668,9 +669,10 @@ const SignupPage = () => {
)} )}
{showPromoModal ? ( {showPromoModal ? (
<ConfirmModal <ConfirmModal
titleText="TEST" titleText="Enter Promo Code"
onCancel={handleCancelModal} onCancel={handleCancelModal}
buttonLabelText="Enter Code" buttonLabelText="Enter Code"
isPromoModal={true}
/> />
) : ( ) : (
<></> <></>