Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on May 20, 2025. It is now read-only.

Commit f1df4fc

Browse files
alamin-derivalamin-deriv
authored
Al-amin/35136/Deriv p2p landing page update (#1906)
* updating Deriv P2P landing page * added Deriv P2P articles on Help centre * address PR comment * addressed QA comments * handle youtube video mobile view * updated P2P numbers card * updated the iframe mobile view * addressed PR comment
1 parent fd9d1d5 commit f1df4fc

File tree

13 files changed

+370
-39
lines changed

13 files changed

+370
-39
lines changed

‎src/common/constants.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,8 @@ export const map_api_key = 'AIzaSyAEha6-HeZuI95L9JWmX3m6o-AxQr_oFqU'
5858
export const mga_link_url =
5959
'https://authorisation.mga.org.mt/verification.aspx?lang=EN&company=a5fd1edc-d072-4c26-b0cd-ab3fa0f0cc40&details=1'
6060
export const p2p_playstore_url = 'https://play.google.com/store/apps/details?id=com.deriv.dp2p'
61+
export const p2p_applestore_url = 'https://apps.apple.com/us/app/deriv-dp2p/id1506901451'
62+
export const p2p_huawei_appgallery_url = 'https://appgallery.huawei.com/#/app/C103844755'
6163
export const pushwoosh_app_code = 'DD293-35A19'
6264
export const sample_rate = 25
6365
export const zoho_url = 'https://deriv.zohorecruit.com'

‎src/images/common/p2p/p2p_all_appstores.png

1.7 KB
Loading

‎src/pages/help-centre/_help-articles.js

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -458,6 +458,54 @@ export const articles = [
458458
],
459459
},
460460

461+
{
462+
category: <Localize translate_text="Deriv P2P" />,
463+
articles: [
464+
{
465+
title: <Localize translate_text="What is Deriv P2P?" />,
466+
category: 'Deriv P2P',
467+
sub_category: <Localize translate_text="Platforms" />,
468+
label: 'what-is-deriv-p2p',
469+
},
470+
{
471+
title: <Localize translate_text="How secure is Deriv P2P?" />,
472+
category: 'Deriv P2P',
473+
sub_category: <Localize translate_text="Secure" />,
474+
label: 'how-secure-deriv-p2p',
475+
},
476+
{
477+
title: <Localize translate_text="What payment methods can I use with Deriv P2P?" />,
478+
category: 'Deriv P2P',
479+
sub_category: <Localize translate_text="Payment" />,
480+
label: 'payment-methods',
481+
},
482+
{
483+
title: <Localize translate_text="Can I increase my daily buy or sell limit?" />,
484+
category: 'Deriv P2P',
485+
sub_category: <Localize translate_text="Limit" />,
486+
label: 'buy-or-sell-limit',
487+
},
488+
{
489+
title: <Localize translate_text="What should I do if I have a dispute with the trader I’m dealing with?" />,
490+
category: 'Deriv P2P',
491+
sub_category: <Localize translate_text="Dispute" />,
492+
label: 'dispute-with-the-trader',
493+
},
494+
{
495+
title: <Localize translate_text="How do I get in touch with the counterparty of my transaction?" />,
496+
category: 'Deriv P2P',
497+
sub_category: <Localize translate_text="Transaction" />,
498+
label: 'in-touch-with-the-counterparty',
499+
},
500+
{
501+
title: <Localize translate_text="Why is my Deriv P2P balance different from my Deriv account balance?" />,
502+
category: 'Deriv P2P',
503+
sub_category: <Localize translate_text="Balance" />,
504+
label: 'different-account-balance',
505+
},
506+
],
507+
},
508+
461509
{
462510
category: <Localize translate_text="Security" />,
463511
articles: [

‎src/pages/help-centre/_utility.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,5 +17,5 @@ export const splitArticles = (array, length) =>
1717

1818
export const euArticles = (array) => {
1919
const second_array = [...array[1], array[2][0]]
20-
return [array[0], second_array, [array[2][1]]]
20+
return [array[0], second_array, [array[2][1]], [array[2][2]]]
2121
}

‎src/pages/help-centre/deriv-p2p.js

Lines changed: 198 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,198 @@
1+
import React from 'react'
2+
import { Article } from './_article'
3+
import { ArticleWrapper, StyledHeader, StyledText } from './_help-centre-style'
4+
import { Text } from 'components/elements'
5+
import { localize, Localize, WithIntl } from 'components/localization'
6+
import { usePageLoaded } from 'components/hooks/use-page-loaded'
7+
8+
const WhatisDerivP2P = () => (
9+
<ArticleWrapper>
10+
<StyledHeader as="h4">{localize('What is Deriv P2P?')}</StyledHeader>
11+
<Text>
12+
{localize(
13+
'Deriv P2P is Deriv’s peer-to-peer deposit and withdrawal service that allows you to get money in and out of your Deriv account easily through transactions with fellow traders. ',
14+
)}
15+
</Text>
16+
<StyledText>
17+
{localize(
18+
'To get money into your Deriv account, you can ‘buy’ Deriv funds in your local currency (or any supported currency) from a fellow trader and the amount you have ‘bought’ will be deposited into your account.',
19+
)}
20+
</StyledText>
21+
<StyledText>
22+
{localize(
23+
'Similarly, you can make withdrawals from your Deriv account by ‘selling’ Deriv funds to fellow traders in return for payment in your local currency (or any supported currency).',
24+
)}
25+
</StyledText>
26+
</ArticleWrapper>
27+
)
28+
29+
const HowSecureDerivP2P = () => (
30+
<ArticleWrapper>
31+
<StyledHeader as="h4">
32+
{<Localize translate_text="How secure is Deriv P2P?" components={[<br key={0} />]} />}
33+
</StyledHeader>
34+
<Text>
35+
{localize(
36+
'We verify each user’s identity before they can start using Deriv P2P’s services — users will need to submit a POI (proof of identity) document for identity verification before buying or selling on Deriv P2P.',
37+
)}
38+
</Text>
39+
<StyledText>
40+
{localize(
41+
'Additionally, all transactions are protected by escrow. Escrow locks Deriv funds until both parties have confirmed completion of the transaction.',
42+
)}
43+
</StyledText>
44+
</ArticleWrapper>
45+
)
46+
47+
const BuyOrSellLimit = () => (
48+
<ArticleWrapper>
49+
<StyledHeader as="h4">
50+
{
51+
<Localize
52+
translate_text="Can I increase my daily buy or sell limit?"
53+
components={[<br key={0} />]}
54+
/>
55+
}
56+
</StyledHeader>
57+
<Text>
58+
{localize(
59+
'Yes. You can request to increase your daily limit via live chat on our website and we’ll get back to you via email. ',
60+
)}
61+
</Text>
62+
</ArticleWrapper>
63+
)
64+
65+
const PaymentMethods = () => (
66+
<ArticleWrapper>
67+
<StyledHeader as="h4">
68+
{
69+
<Localize
70+
translate_text="What payment methods can I use with Deriv P2P"
71+
components={[<br key={0} />]}
72+
/>
73+
}
74+
</StyledHeader>
75+
<Text>
76+
{localize(
77+
'You can transfer money to fellow traders via bank transfers, cards, e-wallets, or any agreed upon payment method with the person you are dealing with.',
78+
)}
79+
</Text>
80+
<StyledText>
81+
{localize(
82+
'Please note that Deriv has no control over payments made between Deriv P2P traders. So please ensure you follow the payment instructions as agreed between you and the trader you are dealing with, and provide your preferred method of payment and instructions when you post your ads.',
83+
)}
84+
</StyledText>
85+
</ArticleWrapper>
86+
)
87+
88+
const DisputeWithTheTrader = () => (
89+
<ArticleWrapper>
90+
<StyledHeader as="h4">
91+
{
92+
<Localize
93+
translate_text="What should I do if I have a dispute with the trader I’m dealing with?"
94+
components={[<br key={0} />]}
95+
/>
96+
}
97+
</StyledHeader>
98+
<Text>
99+
{localize(
100+
'You can chat with the trader you’re dealing with via the in-app chat to resolve the dispute. If both parties are unable to reach an agreement, you can reach out to us via the in-app dispute facility. We’ll get in touch with the relevant parties and work to resolve the dispute as quickly as possible.',
101+
)}
102+
</Text>
103+
</ArticleWrapper>
104+
)
105+
106+
const InTouchWithTheCounterparty = () => (
107+
<ArticleWrapper>
108+
<StyledHeader as="h4">
109+
{
110+
<Localize
111+
translate_text="How do I get in touch with the counterparty of my transaction?"
112+
components={[<br key={0} />]}
113+
/>
114+
}
115+
</StyledHeader>
116+
<Text>
117+
{localize(
118+
'You can chat with the trader you are dealing with via the in-app chat function.',
119+
)}
120+
</Text>
121+
</ArticleWrapper>
122+
)
123+
124+
const DifferentAccountBalance = () => (
125+
<ArticleWrapper>
126+
<StyledHeader as="h4">
127+
{
128+
<Localize
129+
translate_text="Why is my Deriv P2P balance different from my Deriv account balance?"
130+
components={[<br key={0} />]}
131+
/>
132+
}
133+
</StyledHeader>
134+
<Text>
135+
{localize(
136+
'Your Deriv P2P balance consists of a portion of your Deriv account balance. While all of your deposits via e-wallets and cryptocurrency are available for use with Deriv P2P, only a part of your deposits via cards are available.',
137+
)}
138+
</Text>
139+
</ArticleWrapper>
140+
)
141+
142+
const DerivP2PArticle = () => {
143+
const [is_mounted] = usePageLoaded(false)
144+
145+
return (
146+
<div>
147+
<Article
148+
header="Deriv P2P"
149+
title={localize('Help Center | Frequently asked questions | Deriv P2P | Deriv')}
150+
description={localize('Frequently asked questions - Deriv P2P')}
151+
>
152+
<WhatisDerivP2P
153+
text={localize('What is Deriv P2P?')}
154+
label="what-is-deriv-p2p"
155+
is_mounted={is_mounted}
156+
/>
157+
<HowSecureDerivP2P
158+
text={localize('How secure is Deriv P2P?')}
159+
label="how-secure-deriv-p2p"
160+
is_mounted={is_mounted}
161+
/>
162+
<PaymentMethods
163+
text={localize('What payment methods can I use with Deriv P2P?')}
164+
label="payment-methods"
165+
is_mounted={is_mounted}
166+
/>
167+
<BuyOrSellLimit
168+
text={localize('Can I increase my daily buy or sell limit?')}
169+
label="buy-or-sell-limit"
170+
is_mounted={is_mounted}
171+
/>
172+
<DisputeWithTheTrader
173+
text={localize(
174+
'What should I do if I have a dispute with the trader I’m dealing with?',
175+
)}
176+
label="dispute-with-the-trader"
177+
is_mounted={is_mounted}
178+
/>
179+
<InTouchWithTheCounterparty
180+
text={localize(
181+
'How do I get in touch with the counterparty of my transaction?',
182+
)}
183+
label="in-touch-with-the-counterparty"
184+
is_mounted={is_mounted}
185+
/>
186+
<DifferentAccountBalance
187+
text={localize(
188+
'Why is my Deriv P2P balance different from my Deriv account balance?',
189+
)}
190+
label="different-account-balance"
191+
is_mounted={is_mounted}
192+
/>
193+
</Article>
194+
</div>
195+
)
196+
}
197+
198+
export default WithIntl()(DerivP2PArticle)

‎src/pages/help-centre/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -439,7 +439,7 @@ class HelpCentreClass extends Component {
439439
can_expand &&
440440
idxb === item.articles.length - 1
441441
return (
442-
<ListNoBullets key={idxb}>
442+
<ListNoBullets key={idxb}>
443443
{should_show_item && (
444444
<li>
445445
<StyledLink

0 commit comments

Comments
 (0)