🎨 styles: modal create user info

:%s
This commit is contained in:
lytrankieio123
2021-08-30 11:10:23 +07:00
parent e0ccff890d
commit 37197743ce
9 changed files with 88 additions and 17 deletions

View File

@@ -0,0 +1,40 @@
import classNames from 'classnames';
import Link from 'next/link';
import React, { useRef } from 'react';
import { useModalCommon } from 'src/components/hooks/useModalCommon';
import { CustomInputCommon } from 'src/utils/type.utils';
import { Inputcommon } from '..';
import ButtonCommon from '../ButtonCommon/ButtonCommon';
import ModalCommon from '../ModalCommon/ModalCommon';
import s from './ModalCreateUserInfo.module.scss';
const ModalCreateUserInfo = () => {
const { visible, closeModal } = useModalCommon({ initialValue: true })
const firstInputRef = useRef<CustomInputCommon>(null)
return (
<ModalCommon visible={visible} onClose={closeModal} title='Enter your Information'>
<div className={s.formUserInfo}>
<div className={s.inner}>
<div className={s.body}>
<Inputcommon placeholder='Street Address' ref={firstInputRef} />
<Inputcommon placeholder='City' />
<div className={s.line}>
<Inputcommon placeholder='State' />
<Inputcommon placeholder='Zip code' />
</div>
<Inputcommon placeholder='Phone (delivery contact)' />
</div>
<div className={s.bottom}>
<ButtonCommon size='large' onClick={closeModal} type='light'>Skip</ButtonCommon>
<ButtonCommon size='large'>Submit</ButtonCommon>
</div>
</div>
</div>
</ModalCommon>
);
}
export default ModalCreateUserInfo;