Skip to content

Commit

Permalink
fix: put back components
Browse files Browse the repository at this point in the history
  • Loading branch information
konstantinosG-deriv committed Mar 11, 2024
1 parent 6edcc3b commit 1df299a
Show file tree
Hide file tree
Showing 6 changed files with 111 additions and 10 deletions.
25 changes: 18 additions & 7 deletions crowdin/messages.json
Original file line number Diff line number Diff line change
Expand Up @@ -363,6 +363,7 @@
"353928381": "Why should I join the affiliate programme?",
"354060979": "<0>1 lot</0> with 1000 leverage:",
"354180176": "You can trade volatility indices, a type of derived indices, with accumulator options.",
"356733895": "Know your potential profit with fixed payouts, or maximise potential profit with variable payouts if your predictions are right.",
"357105933": "Go to the Trader’s hub and choose the Demo option.",
"357273365": "For DEX Indices, a deal of 3 lots of the DEX 600 DOWN Index for a price of USD 6000 will pay out USD 0.5 in commission based on the following formula:",
"358257887": "Once your submitted document has been approved, go to Cashier > DP2P to register your Deriv P2P account.",
Expand Down Expand Up @@ -983,6 +984,7 @@
"922601177": "CPA",
"925239281": "How do I withdraw funds from my Deriv X real money account?",
"927364570": "<0>Setting > Proof of address</0>",
"927830157": "User-friendly platforms with powerful chart widgets",
"928423300": "Most Innovative Broker, UF Awards 2023",
"929514030": "Enjoy trading asset prices derived from simulated markets.",
"929553858": "They ask you to download file attachments or remote access software (such as Teamviewer) to give them remote control of your device. For example, an impersonator may take control and install ransomware on your device and then demand a ransom. If the ransom isn’t paid, you may lose access to your device permanently.",
Expand Down Expand Up @@ -1556,6 +1558,7 @@
"1482484637": "Contact us via live chat",
"1484774405": "0.25",
"1485059739": "This formula also applies to <0>metals</0> & <0>basket indices</0>. Commission rates, contract sizes, and deal prices depend on the individual asset.",
"1485752074": "Trade on secure, intuitive, and easy to use platforms with powerful chart technology.",
"1486637984": "Affiliates residing in the EU may sign up for the Turnover plan. However, only clients residing outside of the EU can be referred under this plan.",
"1487776383": "With vanilla options, there are no barriers involved and your potential payout is determined by how much the final price is above or below the predetermined strike price.",
"1488330426": "Nigeria",
Expand All @@ -1581,6 +1584,7 @@
"1499964738": "Who can partner with Deriv Prime?",
"1501210063": "affiliate",
"1502143614": "Deriv Trader keeps online trading simple. Trade forex, commodities, stock indices, cryptocurrencies, and Deriv’s synthetic indices.",
"1502162725": "Flexible trade types with minimal capital requirements",
"1502175389": "This gives you the swap charge in the quote currency for forex pairs, or in the denomination of the underlying asset for commodities.",
"1502295249": " profit amount",
"1502453121": "Your orders are available in the <1>Orders</1> tab at <0>Cashier > Deriv P2P</0>.",
Expand Down Expand Up @@ -1915,6 +1919,7 @@
"1791730321": "Purchase the contract if you are satisfied with the position you have defined.",
"1791797947": "<0>Sign up for free</0> if you don’t have a Deriv account yet.",
"1792712933": "Phishing is a cyberattack where scammers try to trick clients into revealing personal information like their passwords or bank details. Scammers pose as real companies and create fake emails, social media profiles, and numbers to get you to take actions that compromise your data and security. Clicking on malicious links or files in phishing emails may download viruses to your device and expose your data.",
"1792856800": "Open a demo account and get unlimited virtual funds to practise on our platforms — Deriv Trader, SmartTrader, and Deriv Bot.",
"1795749796": "Help centre | Frequently asked questions | DBot | Deriv",
"1798650572": "Your potential payout will then depend on whether the underlying asset's exit price is higher than the reset spot price (for Reset Call) or lower than the reset spot price (for Reset Put).",
"1798757280": "Residence is requried",
Expand Down Expand Up @@ -2111,6 +2116,7 @@
"1948852958": "You can find your referral link on your affiliate dashboard. Click the “Support” tab and follow the instructions provided.",
"1952688371": "Which Deriv trading platforms can I use to trade Digits contracts?",
"1952996668": "Average execution speeds of under 50ms and intelligent routing to servers across the globe.",
"1953016421": "Why trade options on Deriv",
"1954845108": "A chart illustrating a losing Odd trade type contract",
"1955645943": "Sub-affiliate’s total commission: 200 + 100 = USD 300 (including IB commission)",
"1956732467": "Whether the broader index moves up, down or sideways is irrelevant to the payout unless the price touches or breaches the range limits, triggering a loss.",
Expand Down Expand Up @@ -2353,6 +2359,18 @@
"-1341835667": "Deriv Trader",
"-523689715": "Forex market icon",
"-543177967": "Stock indices",
"-1028545578": "Start trading options on Deriv",
"-1197864059": "Create free demo account",
"-866630583": "Practise",
"-1076138910": "Trade",
"-874422884": "Open a real account, make a deposit, and start trading options for real.",
"-214202452": "Conveniently withdraw your funds through any of our supported withdrawal methods.",
"-1101198978": "Don't have a Deriv account yet?",
"-1313526207": "Flexible payout options",
"-526191051": "All favorite markets and more",
"-19137602": "Trade on all popular markets plus our proprietary synthetics that are available 24/7.",
"-797743726": "Open an account now and gain access to the world of trading. No need to wait — you can begin trading in minutes.",
"-1318406909": "Deposit as little as 5 USD to start trading and customise your trades to suit your strategy.",
"-763273340": "Digits",
"-1048378719": "Reset Call/Reset Put",
"-1282312809": "High/Low Ticks",
Expand Down Expand Up @@ -3051,7 +3069,6 @@
"-1998049070": "If you agree to our use of cookies, click on Accept. For more information, <0>see our policy</0>.",
"-1265833982": "Accept",
"-759124288": "Close",
"-1197864059": "Create free demo account",
"-1493548975": "google play logo",
"-1154801066": "Huawei AppGallery",
"-460416493": "logo",
Expand Down Expand Up @@ -3114,7 +3131,6 @@
"-780866426": "Chevron thick",
"-667423170": "arrow",
"-1342720542": "Enjoy trading asset prices derived from real-world<br/> or simulated markets.",
"-1076138910": "Trade",
"-269790876": "partners",
"-787291267": "Status page",
"-2045194514": "Secure and responsible trading",
Expand Down Expand Up @@ -3316,9 +3332,7 @@
"-539795299": "VEA.US",
"-132512237": "VNQ.US",
"-2022407176": "XLK.US",
"-866630583": "Practise",
"-1690761595": "Open a real account, make a deposit, and start trading baskets and other markets.",
"-214202452": "Conveniently withdraw your funds through any of our supported withdrawal methods.",
"-1299708281": "CFD trading allows you to trade on the price movement of an asset without buying or owning the underlying asset.",
"-347302050": "low-cost trading",
"-1763361912": "intraday trading opportunities",
Expand Down Expand Up @@ -4432,10 +4446,7 @@
"-197524598": "Trade digital options, lookbacks, and Call/Put Spreads 24/7 on our synthetics that are free from real-world disruptions.",
"-236676606": "Trade digital options on stocks & indices and profit from the price movements in our competitively priced asset baskets.",
"-1192024363": "Speculate on the price movements of the world's major commodities – silver, gold, oil, and energy.",
"-1028545578": "Start trading options on Deriv",
"-345016047": "Open a demo account and get unlimited virtual funds to practice on our platforms – DTrader, SmartTrader, and DBot.",
"-874422884": "Open a real account, make a deposit, and start trading options for real.",
"-1101198978": "Don't have a Deriv account yet?",
"-239170576": "Learn about options trading on Deriv. Earn payouts by correctly predicting price movements without needing to buy the underlying assets.",
"-135132536": "Open a real account, make a deposit, and start trading accumulators for real.",
"-963994159": "Options trading | Trade digital options on Deriv",
Expand Down
79 changes: 79 additions & 0 deletions src/features/components/quill/options-layout/data.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
import { StartTradingType } from 'features/components/templates/start-trading'
import { WhyTradeOptionsType } from 'features/components/templates/why-trade-options'
import FlexibleLayoutIcon from 'images/svg/trade-types/options/options-images/why_trade_options/flexiable_layout.svg'
import AllFavoriteIcon from 'images/svg/trade-types/options/options-images/why_trade_options/all_you_ favorite_markets.svg'
import InstantAccessIcon from 'images/svg/trade-types/options/options-images/why_trade_options/Instant_access.svg'
import AdvancedChartingWidgetsIcon from 'images/svg/trade-types/options/options-images/why_trade_options/advanced_charting_widgets.svg'
import FlexibleTradeTypesIcon from 'images/svg/trade-types/options/options-images/why_trade_options/flexiable_trade_types.svg'

export const start_trading_data: StartTradingType = {
heading: '_t_Start trading options on Deriv_t_',
button: {
text: '_t_Create free demo account_t_',
url: {
type: 'internal',
to: '/signup',
},
},
items: [
{
heading: '_t_Practise_t_',
description:
'_t_Open a demo account and get unlimited virtual funds to practise on our platforms — Deriv Trader, SmartTrader, and Deriv Bot._t_',
},
{
heading: '_t_Trade_t_',
description:
'_t_Open a real account, make a deposit, and start trading options for real._t_',
},
{
heading: '_t_Withdraw_t_',
description:
'_t_Conveniently withdraw your funds through any of our supported withdrawal methods._t_',
},
],
}

export const why_trade_options_data: WhyTradeOptionsType = {
heading: '_t_Why trade options on Deriv_t_',
heading2: "_t_Don't have a Deriv account yet?_t_",
button: {
text: '_t_Create free demo account_t_',
url: {
type: 'internal',
to: '/signup',
},
},
items: [
{
heading: '_t_Flexible payout options_t_',
description:
'_t_Know your potential profit with fixed payouts, or maximise potential profit with variable payouts if your predictions are right._t_',
icon_src: FlexibleLayoutIcon,
},
{
heading: '_t_All favorite markets and more_t_',
description:
'_t_Trade on all popular markets plus our proprietary synthetics that are available 24/7._t_',
icon_src: AllFavoriteIcon,
},
{
heading: '_t_Instant access_t_',
description:
'_t_Open an account now and gain access to the world of trading. No need to wait — you can begin trading in minutes._t_',
icon_src: InstantAccessIcon,
},
{
heading: '_t_User-friendly platforms with powerful chart widgets_t_',
description:
'_t_Trade on secure, intuitive, and easy to use platforms with powerful chart technology._t_',
icon_src: AdvancedChartingWidgetsIcon,
},
{
heading: '_t_Flexible trade types with minimal capital requirements_t_',
description:
'_t_Deposit as little as 5 USD to start trading and customise your trades to suit your strategy._t_',
icon_src: FlexibleTradeTypesIcon,
},
],
}
11 changes: 11 additions & 0 deletions src/features/components/quill/options-layout/index.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,10 @@
import React, { ReactNode } from 'react'
import MainRowNavigation from '../../templates/navigation/main-nav'
import Layout from '../quill-layout'
import { start_trading_data, why_trade_options_data } from './data'
import MainFooter from 'features/components/templates/footer'
import StartTrading from 'features/components/templates/start-trading'
import WhyTradeOptions from 'features/components/templates/why-trade-options'
import { TString } from 'types/generics'
import OptionsTopTab from 'features/components/organisms/options-top-tab'
import WhatAreDigitalOptions from 'features/components/organisms/what-are-digital-options'
Expand All @@ -21,6 +24,8 @@ const OptionsLayout = ({
is_coming_soon = false,
has_content_block = false,
}: OptionsLayoutProps) => {
const shouldRenderComponents = !window.location.href.includes('accumulator-options')

return (
<>
<Layout>
Expand All @@ -33,6 +38,12 @@ const OptionsLayout = ({
has_content_block={has_content_block}
/>
{children}
{shouldRenderComponents && (
<>
<WhyTradeOptions data={why_trade_options_data} />
<StartTrading data={start_trading_data} />
</>
)}
<MainFooter />
</Layout>
</>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react'
import OptionsLayout from '../options-layout'
import { AvailableDigitalOptionsData } from './data'
import OptionsLayout from 'features/components/quill/options-layout'
import Flex from 'features/components/atoms/flex-box'
import AvailableOptions from 'features/components/organisms/available-options'

Expand Down
2 changes: 1 addition & 1 deletion src/features/pages/options/turbo/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { why_turbo_section } from './styles.module.scss'
import AvailableMarketPlatforms from 'features/components/organisms/available-markets-platforms'
import OptionsContent from 'features/components/templates/options-content'
import OptionsFaq from 'features/components/templates/options-faq'
import OptionsLayout from 'features/components/templates/options-layout'
import OptionsLayout from 'features/components/quill/options-layout'
import Flex from 'features/components/atoms/flex-box'
import Typography from 'features/components/atoms/typography'
import { Localize } from 'components/localization'
Expand Down
2 changes: 1 addition & 1 deletion src/features/pages/options/vanilla/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { why_vanilla_section } from './styles.module.scss'
import AvailableMarketPlatforms from 'features/components/organisms/available-markets-platforms'
import OptionsContent from 'features/components/templates/options-content'
import OptionsFaq from 'features/components/templates/options-faq'
import OptionsLayout from 'features/components/templates/options-layout'
import OptionsLayout from 'features/components/quill/options-layout'
import Flex from 'features/components/atoms/flex-box'
import Typography from 'features/components/atoms/typography'
import { Localize } from 'components/localization'
Expand Down

0 comments on commit 1df299a

Please sign in to comment.