-
Notifications
You must be signed in to change notification settings - Fork 319
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[account-v2]/likhith/coj-707/Incorporated POO Form #14813
[account-v2]/likhith/coj-707/Incorporated POO Form #14813
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
A production App ID was automatically generated for this PR. (log)
Click here to copy & paste above information.
|
🚨 Lighthouse report for the changes in this PR:
Lighthouse ran with https://deriv-app-git-fork-likhith-deriv-likhith-coj-707create-p-4f4d98.binary.sx/ |
import { Text } from '@deriv-com/ui'; | ||
|
||
export const LinkText = ({ children, ...rest }: ComponentProps<typeof Text>) => ( | ||
<Text as='a' color='red' rel='noreferrer' target='_blank' {...rest} size='sm'> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi @likhith-deriv should we hardcode the color
and size
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The {...rest} should override the props if u need something specific. These are default prop values
@@ -30,3 +38,26 @@ export const generatePOOInitialValues = (paymentMethodData: TPaymentMethodData) | |||
return acc; | |||
}, {} as TProofOfOwnershipFormValue); | |||
}; | |||
|
|||
const maskCardNumber = (cardNumber: string) => { | |||
if ( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
can we move this condition out from if statement ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are u referring to making it ternary operator? The condition is huge, so I kept it in IF block
e.nativeEvent.stopPropagation(); | ||
e.nativeEvent.stopImmediatePropagation(); | ||
|
||
if (hiddenInputFieldRef.current && 'value' in hiddenInputFieldRef.current) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
can we move out this condition outside from if statement ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I didn't understand. Can u share, what do u mean?
packages/account-v2/src/containers/PaymentMethods/PaymentMethodForm.tsx
Outdated
Show resolved
Hide resolved
packages/account-v2/src/containers/PaymentMethods/PaymentMethodForm.tsx
Outdated
Show resolved
Hide resolved
|
* chore: updated Deriv-ui * feat: incorporated File upload field * fix: incorporated File upload component * feat: added POO form * feat: added POO form * feat: added POO form * fix: incorporated review comments * fix: incorporated review comment * fix: incorporated code reviews * fix: incorporated review comments
Changes:
Create a POO form component to accept Payment method verification details containing payment method identifier and supporting document
![Screenshot 2024-04-25 at 8 40 59 AM](https://private-user-images.githubusercontent.com/98398322/325521582-72c15060-8858-45e3-8546-1c586d923050.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5MzAwMDgsIm5iZiI6MTczODkyOTcwOCwicGF0aCI6Ii85ODM5ODMyMi8zMjU1MjE1ODItNzJjMTUwNjAtODg1OC00NWUzLTg1NDYtMWM1ODZkOTIzMDUwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA3VDEyMDE0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA3NDFkMzFiZTNhMjVmNDFiZjgyZDI1ODAyNmUwMzczNjBlNWI1MTVjNjkzMzllNWMxMjViODU3NzYwZDQyNDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.2ijs-R8uQeOjVPCTVqQWfy-zTEfmSuZNmwkR8lEUSpM)