|
@ -39,21 +39,6 @@ const Request = ({ |
|
|
</header> |
|
|
</header> |
|
|
|
|
|
|
|
|
<div className={styles.content}> |
|
|
<div className={styles.content}> |
|
|
<section className={styles.memo}> |
|
|
|
|
|
<div className={styles.top}> |
|
|
|
|
|
<label htmlFor='memo'>Memo</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div className={styles.bottom}> |
|
|
|
|
|
<input |
|
|
|
|
|
type='text' |
|
|
|
|
|
placeholder='Dinner, Rent, etc' |
|
|
|
|
|
value={memo} |
|
|
|
|
|
onChange={event => setRequestMemo(event.target.value)} |
|
|
|
|
|
id='memo' |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
<section className={styles.amount}> |
|
|
<section className={styles.amount}> |
|
|
<div className={styles.top}> |
|
|
<div className={styles.top}> |
|
|
<label htmlFor='amount'>Amount</label> |
|
|
<label htmlFor='amount'>Amount</label> |
|
@ -85,6 +70,21 @@ const Request = ({ |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
<section className={styles.memo}> |
|
|
|
|
|
<div className={styles.top}> |
|
|
|
|
|
<label htmlFor='memo'>Memo</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div className={styles.bottom}> |
|
|
|
|
|
<input |
|
|
|
|
|
type='text' |
|
|
|
|
|
placeholder='Details about the request' |
|
|
|
|
|
value={memo} |
|
|
|
|
|
onChange={event => setRequestMemo(event.target.value)} |
|
|
|
|
|
id='memo' |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</section> |
|
|
|
|
|
|
|
|
<section className={styles.submit}> |
|
|
<section className={styles.submit}> |
|
|
<div className={`${styles.button} ${amount > 0 && styles.active}`} onClick={onRequestSubmit}> |
|
|
<div className={`${styles.button} ${amount > 0 && styles.active}`} onClick={onRequestSubmit}> |
|
|
Request |
|
|
Request |
|
|