forked from deriv-com/deriv-app
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[FEQ] / Ameerul / FEQ-1977 Refactor my profile page (deriv-com#14331)
* fix: ui issues in my-profile and create new ad button * fix: styling issues * fix: failing test cases * chore: remove PaymentMethodsHeader component and fix minor style issues * chore: replace Table component with deriv-com/ui one * fix: removed unused prop isFloating * chore: removed text * chore: refactored PaymentMethodForm, separated components out * chore: refactored PaymentMethodModals * fix: style discrepencies in BuySellModal * chore: removed Text and unused imports * chore: added suggestions * chore: added LightDivider component * fix: ui issues for share-my-ads-modal, dropdown in myadsrow, my-ads-delete-modal * fix: header padding ShareAdsModal * chore: removed color from LightDivider, changed prop name * chore: renamed PaymentMethodFormInput to PaymentMethodFormAutocomplete
- Loading branch information
1 parent
f095005
commit 55397a6
Showing
86 changed files
with
930 additions
and
653 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -27,7 +27,6 @@ | |
position: absolute; | ||
top: -4rem; | ||
left: 0; | ||
background: #fff; | ||
z-index: 1; | ||
height: calc(100vh - 8rem); | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
17 changes: 11 additions & 6 deletions
17
packages/p2p-v2/src/components/BuySellForm/BuySellFormHeader/BuySellFormHeader.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,14 +1,19 @@ | ||
import React from 'react'; | ||
import { Text } from '@deriv-com/ui'; | ||
import { Text, useDevice } from '@deriv-com/ui'; | ||
|
||
type TBuySellFormHeaderProps = { | ||
currency?: string; | ||
isBuy: boolean; | ||
}; | ||
const BuySellFormHeader = ({ currency = '', isBuy }: TBuySellFormHeaderProps) => ( | ||
<Text size='lg' weight='bold'> | ||
{`${isBuy ? 'Sell' : 'Buy'} ${currency}`} | ||
</Text> | ||
); | ||
|
||
const BuySellFormHeader = ({ currency = '', isBuy }: TBuySellFormHeaderProps) => { | ||
const { isMobile } = useDevice(); | ||
|
||
return ( | ||
<Text size={isMobile ? 'lg' : 'md'} weight='bold'> | ||
{`${isBuy ? 'Sell' : 'Buy'} ${currency}`} | ||
</Text> | ||
); | ||
}; | ||
|
||
export default BuySellFormHeader; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
14 changes: 14 additions & 0 deletions
14
packages/p2p-v2/src/components/LightDivider/LightDivider.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
import React from 'react'; | ||
import { Divider } from '@deriv-com/ui'; | ||
|
||
type TLightDividerProps = { | ||
className?: string; | ||
height?: string; | ||
margin?: string; | ||
}; | ||
|
||
const LightDivider = ({ className, height, margin }: TLightDividerProps) => { | ||
return <Divider className={className} color='#f2f3f4' height={height} margin={margin} />; | ||
}; | ||
|
||
export default LightDivider; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
export { default as LightDivider } from './LightDivider'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
20 changes: 14 additions & 6 deletions
20
packages/p2p-v2/src/components/Modals/MyAdsDeleteModal/MyAdsDeleteModal.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,20 +1,28 @@ | ||
.p2p-v2-my-ads-delete-modal { | ||
@include p2p-v2-modal-styles; | ||
height: auto; | ||
width: 44rem; | ||
border-radius: 8px; | ||
|
||
@include mobile { | ||
width: 32.8rem; | ||
} | ||
|
||
&__header { | ||
margin: 0 0.8rem; | ||
padding-bottom: 1.2rem; | ||
@include mobile { | ||
margin: 0; | ||
padding: 0 1.6rem; | ||
} | ||
} | ||
|
||
&__body { | ||
margin: 2.4rem 0.8rem; | ||
padding: 1rem 2.4rem; | ||
@include mobile { | ||
margin: 0; | ||
padding: 0 1.6rem; | ||
} | ||
} | ||
|
||
&__footer { | ||
@include mobile { | ||
padding: 1.6rem; | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.