bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix pages that use PhoneInput

Browse source
This commit is contained in:
Alex Gleason 2022-07-13 19:08:19 -05:00
parent 7f7edf9162
commit 11a0329924
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/components/ui/phone-input/country-code-dropdown.tsx
View file

@ -27,7 +27,7 @@ const CountryCodeDropdown: React.FC<ICountryCodeDropdown> = ({ countryCode, onCh
return (
<DropdownMenu items={menu}>
<button className='px-4 items-center'>
<button type='button' className='px-4 items-center'>
<HStack space={1} alignItems='center'>
<div>+{countryCode}</div>
<Icon className='w-4 h-4 stroke-primary-600' src={require('@tabler/icons/chevron-down.svg')} />

3
app/soapbox/features/ui/components/modals/verify-sms-modal.tsx
View file

@ -7,7 +7,6 @@ import { closeModal } from 'soapbox/actions/modals';
import snackbar from 'soapbox/actions/snackbar';
import { reConfirmPhoneVerification, reRequestPhoneVerification } from 'soapbox/actions/verification';
import { FormGroup, PhoneInput, Modal, Stack, Text } from 'soapbox/components/ui';
import { validPhoneNumberRegex } from 'soapbox/features/verification/steps/sms-verification';
import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
import { getAccessToken } from 'soapbox/utils/auth';
@ -35,7 +34,7 @@ const VerifySmsModal: React.FC<IVerifySmsModal> = ({ onClose }) => {
const [verificationCode, setVerificationCode] = useState('');
const [requestedAnother, setAlreadyRequestedAnother] = useState(false);
const isValid = phone ? validPhoneNumberRegex.test(phone) : false;
const isValid = !!phone;
const onChange = useCallback((phone?: string) => {
setPhone(phone);

6
app/soapbox/features/verification/steps/sms-verification.tsx
View file

@ -14,8 +14,6 @@ const Statuses = {
FAIL: 'FAIL',
};
const validPhoneNumberRegex = /^\+1\s\(\d{3}\)\s\d{3}-\d{4}/;
const SmsVerification = () => {
const intl = useIntl();
const dispatch = useAppDispatch();
@ -27,7 +25,7 @@ const SmsVerification = () => {
const [verificationCode, setVerificationCode] = React.useState('');
const [requestedAnother, setAlreadyRequestedAnother] = React.useState(false);
const isValid = phone ? validPhoneNumberRegex.test(phone) : false;
const isValid = !!phone;
const onChange = React.useCallback((phone?: string) => {
setPhone(phone);
@ -160,4 +158,4 @@ const SmsVerification = () => {
);
};
export { SmsVerification as default, validPhoneNumberRegex };
export { SmsVerification as default };