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 cc782d7

Browse files
konstantinosG-derivKonstantinos-Gk
konstantinosG-deriv
and
Konstantinos-Gk
authored
Konstantinos / Options subtasks (#4233)
* fix: subtasks * fix: text --------- Co-authored-by: Konstantinos-Gk <[email protected]>
1 parent 728dd1a commit cc782d7

File tree

8 files changed

+20
-16
lines changed

8 files changed

+20
-16
lines changed

‎crowdin/messages.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2993,6 +2993,7 @@
29932993
"-1028545578": "Start trading options on Deriv",
29942994
"-345016047": "Open a demo account and get unlimited virtual funds to practice on our platforms – DTrader, SmartTrader, and DBot.",
29952995
"-874422884": "Open a real account, make a deposit, and start trading options for real.",
2996+
"-1101198978": "Don't have a Deriv account yet?",
29962997
"-847221923": "_t_Create free demo account_t_",
29972998
"-239170576": "Learn about options trading on Deriv. Earn payouts by correctly predicting price movements without needing to buy the underlying assets.",
29982999
"-963994159": "Options trading | Trade digital options on Deriv",
@@ -3024,7 +3025,6 @@
30243025
"-687600215": "Trade on all popular markets plus our proprietary synthetic indices that are available 24/7.",
30253026
"-1517086040": "Go long or short",
30263027
"-2034778408": "Open an account and start trading in minutes.",
3027-
"-1101198978": "Don't have a Deriv account yet?",
30283028
"-1794853647": "CFD trading | Online trading platform | Deriv",
30293029
"-31586003": "Trade CFDs on multiple markets. Enjoy high leverage, tight spreads, and risk management features to amplify your potential profits and limit losses.",
30303030
"-319509090": "CFD trading",

‎src/pages/trade-types/accumulators/_what-are-accumulators.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const WhatAreAccumulators = () => {
2525
</SectionContainer>
2626
<FullWidthMultiColumn
2727
header={<Localize translate_text="Why trade accumulators on Deriv" />}
28-
button_title={<Localize translate_text="Don't have a Deriv.com account yet?" />}
28+
button_title={<Localize translate_text="Don't have a Deriv account yet?" />}
2929
button_text={<Localize translate_text="_t_Create free demo account_t_" />}
3030
multiple_row
3131
>

‎src/pages/trade-types/components/_notes.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,7 @@ const StyledNote = styled(Flex)`
1515
background: var(--color-grey-25);
1616
1717
@media ${device.tabletS} {
18-
align-items: flex-start;
19-
border-radius: 8px;
18+
align-items: center;
2019
}
2120
`
2221

‎src/pages/trade-types/content/static/_option.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,15 +22,15 @@ export const digital_options: OptionsContentElement[] = [
2222
),
2323
},
2424
{
25-
src: Instant,
25+
src: Flexible,
2626
alt: 'instant access icon',
2727
item_title: <Localize translate_text="Instant access" />,
2828
text: (
2929
<Localize translate_text="Open an account now and gain access to the world of trading. No need to wait — you can begin trading in minutes." />
3030
),
3131
},
3232
{
33-
src: UserFriendly,
33+
src: Instant,
3434
alt: 'user friendly icon',
3535
item_title: (
3636
<Localize translate_text="User-friendly platforms with powerful chart widgets" />
@@ -40,7 +40,7 @@ export const digital_options: OptionsContentElement[] = [
4040
),
4141
},
4242
{
43-
src: Flexible,
43+
src: UserFriendly,
4444
alt: 'flexible icon',
4545
item_title: (
4646
<Localize translate_text="Flexible trade types with minimal capital requirements" />

‎src/pages/trade-types/multiplier/_what-are-options.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -357,7 +357,7 @@ const WhatAreOptions = () => {
357357
</SmallContainer>
358358
<FullWidthMultiColumn
359359
header={<Localize translate_text="Why trade multipliers on Deriv" />}
360-
button_title={<Localize translate_text="Don't have a Deriv.com account yet?" />}
360+
button_title={<Localize translate_text="Don't have a Deriv account yet?" />}
361361
button_text={<Localize translate_text="_t_Create free demo account_t_" />}
362362
multiple_row
363363
>

‎src/pages/trade-types/options/_how-options-works.tsx

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -46,13 +46,8 @@ const OptionItems = styled(Flex)`
4646
margin-bottom: 0.8rem;
4747
4848
@media ${device.mobileL} {
49-
flex-direction: row-reverse;
50-
justify-content: space-between;
51-
align-items: center;
52-
53-
& > div > img {
54-
width: 24px;
55-
height: 24px;
49+
${Text} {
50+
margin-top: 1.5rem;
5651
}
5752
}
5853
`

‎src/pages/trade-types/options/_what-are-options.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ const WhatAreOptions = () => {
5757
</SectionContainer>
5858
<FullWidthMultiColumn
5959
header={<Localize translate_text="Why trade options on Deriv" />}
60-
button_title={<Localize translate_text="Don't have a Deriv.com account yet?" />}
60+
button_title={<Localize translate_text="Don't have a Deriv account yet?" />}
6161
button_text={<Localize translate_text="_t_Create free demo account_t_" />}
6262
>
6363
{digital_options.map((content, index) => (

‎src/pages/trade-types/options/index.tsx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,18 @@
11
import React, { useEffect, useState } from 'react'
22
import Loadable from '@loadable/component'
3+
import styled from 'styled-components'
34
import { Hero } from '../components/_style'
45
import PageNotFound from '../../404'
56
import WhatAreTheOptions from './_what-are-options'
67
import { SEO, SmallContainer } from 'components/containers'
78
import Layout from 'components/layout/layout'
89
import CommonHeaderSection from 'components/elements/common-header-section'
10+
import Button from 'components/custom/_button'
911
import OptionsNavTab from 'pages/markets/components/sections/_options-nav-tab'
1012
import { localize, WithIntl } from 'components/localization'
1113
import { StepperView } from 'components/elements'
1214
import useRegion from 'components/hooks/use-region'
15+
import useHandleSignup from 'components/hooks/use-handle-signup'
1316
const HowOptionsWorks = Loadable(() => import('./_how-options-works'))
1417
const OptionsToTrade = Loadable(() => import('./_options-to-trade'))
1518
const MarketsAvailable = Loadable(() => import('./_markets-available'))
@@ -21,7 +24,11 @@ const meta_attributes = {
2124
),
2225
}
2326

27+
const ButtonContainer = styled.div`
28+
margin-bottom: 16.4rem;
29+
`
2430
const Options = () => {
31+
const handleSignup = useHandleSignup()
2532
const { is_row } = useRegion()
2633
const [is_loaded, setLoaded] = useState(false)
2734

@@ -64,6 +71,9 @@ const Options = () => {
6471
third_step_title="_t_Withdraw_t_"
6572
third_step_subtitle="_t_Conveniently withdraw your funds through any of our supported withdrawal methods._t_"
6673
/>
74+
<ButtonContainer>
75+
<Button label="Create free demo account" primary onClick={handleSignup} />
76+
</ButtonContainer>
6777
</SmallContainer>
6878
<MarketsAvailable />
6979
</Layout>

0 commit comments

Comments
 (0)