Skip to content
This repository has been archived by the owner on Sep 26, 2024. It is now read-only.

Commit

Permalink
fix: styling of table and cpa-eu fix
Browse files Browse the repository at this point in the history
  • Loading branch information
Agrim Jain authored and Agrim Jain committed Apr 17, 2024
1 parent 0e33c4e commit 507ae78
Show file tree
Hide file tree
Showing 4 changed files with 36 additions and 41 deletions.
7 changes: 3 additions & 4 deletions crowdin/messages.json
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,6 @@
"148355417": "Rapid trade execution speeds for your clients",
"148382928": "American Airlines Group Inc",
"149494223": "Blue sky and buildings - Kigali",
"149834389": "USD ≤ 20,000 per month",
"150593055": "Currency exchangers",
"151178438": "Enjoy zero commission trading on all assets. Plus, pay no swap charges on overnight positions for selected derived indices and financial assets.",
"152299772": "Why should I join your affiliate programme?",
Expand Down Expand Up @@ -694,7 +693,6 @@
"672008428": "ZEC/USD",
"674916985": "Stocks, Stock Indices & <br>ETFs",
"675017060": "payments department",
"678886974": "USD > 20,000 per month",
"680204734": "The minimum amount for withdrawal will vary depending on the latest exchange rates. The figures shown here have been rounded.",
"680953516": "MARKETS",
"682063263": "Your Deriv P2P account may be blocked for one of the following reasons:",
Expand Down Expand Up @@ -1758,7 +1756,6 @@
"1674798397": "Trade multipliers on our mobile app.",
"1676292946": "Forex trading gives you the chance to profit from changes in the relative values of currencies on the forex market.",
"1677027187": "Forex",
"1677430058": "<0>Affiliates residing outside the EU can sign up for the CPA plan and can refer clients residing in the EU except Portugal and Spain.</0>",
"1677553724": "Want to learn more about Deriv P2P? Head to our <0>Help centre</0>.",
"1677622373": "Account type",
"1678399849": "Reset Call/Reset Put contracts offer the ability to reset the strike price at a potentially more advantageous level. In this contract, your market prediction is your contract's exit price against the reset price (instead of the entry price). Reset contract types also typically offer a lower fixed payout percentage compared to Rise/Fall contracts.",
Expand Down Expand Up @@ -1843,6 +1840,7 @@
"1753559268": "We'll pay your IB commission into your MT5 Synthetic account daily.",
"1755228338": "Securing your account",
"1756407392": "Terms of cooperation",
"1757494890": "USD ≤ 20,000 <br>per month",
"1758111931": "active users",
"1758663702": "It refers to the exchange rate used in Deriv P2P ads. In some countries where it isn't feasible to use a fixed exchange rate (due to market volatility), you can set the exchange rate for your ad to a specific percentage of the market price.",
"1758803741": "- Enter your stake amount.",
Expand Down Expand Up @@ -4076,6 +4074,7 @@
"-1794572884": "Affiliates not residing in the EU may sign up for the CPA plan.",
"-1328640086": "Based on each successful referral with deposit of USD 100",
"-1209222280": "USD 100",
"-105594864": "<0>Options:</0> Earn based on the turnover of your clients' trades.",
"-1201069751": "Master Affiliate",
"-1625742908": "This plan is not available for affiliates who promote to clients residing in the EU.",
"-82217352": "Sub affiliate’s total commission: USD 300",
Expand All @@ -4089,6 +4088,7 @@
"-391272948": "A client generates USD 25,000 monthly net revenue. Calculation is as follows:",
"-1643929376": "Total commission earned:",
"-130871483": "Net revenue",
"-1307912584": "USD > 20,000 <br>per month",
"-1163140779": "Options commission:",
"-740024263": "Based on the chart, the probability of return falls under 0.5% commission",
"-1158029310": "Calculation is as follows:",
Expand All @@ -4102,7 +4102,6 @@
"-863977206": "1%",
"-268471694": "0.75%",
"-711200693": "0%",
"-105594864": "<0>Options:</0> Earn based on the turnover of your clients' trades.",
"-1856280159": "<0>Lookbacks:</0> Earn 0.8% on the stake of each lookbacks trade on SmartTrader.",
"-1225936915": "Be our partner | Partnership programmes | Deriv",
"-1163074287": "Explore Deriv’s partnership programmes and team up with a trusted online trading broker to earn extra income.",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,11 @@ import {
StyledTrap,
StyledText,
StyledButtonWrap,
CPAContent,
} from '../_style'
import { Table, TRAPREVERSE, TC } from '../_table'
import { TString } from 'types/generics'
import { Header } from 'components/elements/typography'
import { Localize } from 'components/localization'
import { Header } from 'components/elements/typography'
import { TString } from 'types/generics'

type AffiliateType = {
title: TString
Expand All @@ -30,43 +29,41 @@ const cpa_data: AffiliateType = [

const DefaultCard = ({ toggleCalculated }: { toggleCalculated: () => void }) => {
return (
<StyledCard height="auto" tabletHeight="auto" padding="2.4rem">
<StyledCard height="110rem" tabletHeight="auto" padding="2.4rem">
<div>
<Header as="h4" type="sub-section-title" mb="0.8rem">
<Localize translate_text="_t_CPA (EU only)_t_" />
<Localize translate_text="_t_Turnover_t_" />
</Header>
<Header as="p" type="paragraph-1" weight="normal" mb="1.6rem">
<Localize translate_text="_t_Earn based on each successful referral who makes a deposit of USD 100 in one or more transactions._t_" />
<Header as="p" type="paragraph-1" weight="normal">
<Localize
translate_text="_t_<0>Options:</0> Earn based on the turnover of your clients' trades._t_"
components={[<strong key={0} />]}
/>
</Header>
<CPAContent>
<Table grid_col_number={2}>
{cpa_data.map(({ title, data }, index) => (
<TC grid_area={'area' + index} key={index}>
<StyledTrap isTitle="true">
<StyledText weight="bold">
<Localize translate_text={title} />
<Table grid_col_number={2}>
{cpa_data.map(({ title, data }, index) => (
<TC grid_area={'area' + index} key={index}>
<StyledTrap isTitle="true">
<StyledText weight="bold">
<Localize translate_text={title} />
</StyledText>
</StyledTrap>
{data.map((data, id) => (
<TRAPREVERSE even={id % 2 ? 'true' : ''} key={id}>
<StyledText>
<Localize translate_text={data} />
</StyledText>
</StyledTrap>
{data.map((data, id) => (
<TRAPREVERSE even={id % 2 ? 'true' : ''} key={id}>
<StyledText>
<Localize translate_text={data} />
</StyledText>
</TRAPREVERSE>
))}
</TC>
))}
</Table>
</CPAContent>
<Header as="p" type="paragraph-1" mb="0.8rem" mt="2.4rem">
<Localize translate_text="_t_Disclaimer:_t_" />
</Header>
<Header as="p" type="paragraph-1" weight="normal">
<Localize
translate_text="_t_<0>Affiliates residing outside the EU can sign up for the CPA plan and can refer clients residing in the EU except Portugal and Spain.</0>_t_"
components={[<strong key={0} />]}
/>
</Header>
</TRAPREVERSE>
))}
</TC>
))}
</Table>
<Header as="p" type="paragraph-1" mb="0.8rem" mt="2.4rem">
<Localize translate_text="_t_Disclaimer:_t_" />
</Header>
<Header as="p" type="paragraph-1">
<Localize translate_text="_t_Earn based on each successful referral who makes a deposit of USD 100 in one or more transactions._t_" />
</Header>
</div>
<StyledButtonWrap>
<StyledCalculatedButton flat onClick={toggleCalculated}>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ const revenue_data: AffiliateType = [
},
{
title: '_t_Net revenue_t_',
data: ['_t_USD ≤ 20,000 per month_t_', '_t_USD > 20,000 per month_t_'],
data: ['_t_USD ≤ 20,000 <br>per month_t_', '_t_USD > 20,000 <br>per month_t_'],
},
{
title: '_t_Commission_t_',
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import {
import { Table, TRAPREVERSE, TC } from '../_table'
import { Localize } from 'components/localization'
import { Header } from 'components/elements/typography'
import { Li, Ul } from 'components/elements'
import { TString } from 'types/generics'

type AffiliateType = {
Expand Down

0 comments on commit 507ae78

Please sign in to comment.