Skip to content

Commit 563b9ce

Browse files
shafin-derivshafin-deriv
authored
Merge pull request #164 from ahmed-deriv/ahmed/DAPI-810/fix-readme-url-update
ahmed/DAPI-810/fix-readme-url-update
2 parents d919ef8 + 9e9b2d5 commit 563b9ce

File tree

6 files changed

+189
-181
lines changed

6 files changed

+189
-181
lines changed

‎src/components/Footer/__tests__/Footer.test.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ describe('Footer Component', () => {
1313
render(<Footer />);
1414
const communityButton = screen.getByText(/Join our community/);
1515
fireEvent.click(communityButton);
16-
expect(window.open).toHaveBeenCalledWith('https://deriv.vanillacommunity.com/', '_blank');
16+
expect(window.open).toHaveBeenCalledWith('https://community.deriv.com/c/developers/48', '_blank');
1717
});
1818

1919
it('opens Telegram in a new tab when Telegram button is clicked', () => {

‎src/components/Footer/index.tsx

Lines changed: 184 additions & 175 deletions
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,6 @@ const Footer = () => {
3838
header: 'API',
3939
content: (
4040
<ul className={styles.List}>
41-
<li>
42-
<a href={footer_links.documentation} className={styles.Link}>
43-
<Translate>Documentation</Translate>
44-
</a>
45-
</li>
4641
<li>
4742
<a href={footer_links.dashboard} className={styles.Link}>
4843
<Translate>Dashboard</Translate>
@@ -53,6 +48,15 @@ const Footer = () => {
5348
<Translate>API explorer</Translate>
5449
</a>
5550
</li>
51+
<li>
52+
<a
53+
href={footer_links.documentation}
54+
target='_blank'
55+
rel="noreferrer"
56+
className={styles.Link}>
57+
<Translate>Documentation</Translate> <LabelPairedArrowUpRightSmRegularIcon />
58+
</a>
59+
</li>
5660
<li>
5761
<a
5862
href='https://deriv.com/derivtech'
@@ -112,186 +116,191 @@ const Footer = () => {
112116

113117
return (
114118
<div className='container'>
115-
<section className={styles.FooterContainer} data-testid='footer-text'>
116-
<div className={styles.FooterBody}>
117-
<div className={styles.LogoWrapper}>
118-
<div className={styles.FooterLogo}>
119-
<GrayLogo />
119+
<section className={styles.FooterContainer} data-testid='footer-text'>
120+
<div className={styles.FooterBody}>
121+
<div className={styles.LogoWrapper}>
122+
<div className={styles.FooterLogo}>
123+
<GrayLogo />
124+
</div>
120125
</div>
121-
</div>
122-
<div className={styles.FooterSection}>
123-
<section className={styles.Section1} data-testid='API-section'>
124-
<Heading.H6 data-testid='API-section'>
125-
<Translate>API</Translate>
126-
</Heading.H6>
127-
<ul className={styles.List}>
128-
<li>
129-
<a href={footer_links.documentation} className={styles.Link}>
130-
<Text className={styles.labelcolor} size='sm'>
131-
<Translate>Documentation</Translate>
132-
</Text>
133-
</a>
134-
</li>
135-
<li>
136-
<a href={footer_links.dashboard} className={styles.Link}>
137-
<Text size='sm' className={styles.labelcolor}>
138-
<Translate>Dashboard</Translate>
139-
</Text>
140-
</a>
141-
</li>
142-
<li>
143-
<a href={footer_links.api_explorer} className={styles.Link}>
144-
<Text size='sm' className={styles.labelcolor}>
145-
<Translate>API explorer</Translate>
146-
</Text>
147-
</a>
148-
</li>
149-
<li>
150-
<a
151-
href='https://deriv.com/derivtech'
152-
target='_blank'
153-
className={styles.Link}
154-
rel='noreferrer'
155-
>
156-
<Text size='sm' className={styles.labelcolor}>
157-
<Translate>Deriv Tech</Translate>
158-
</Text>
159-
<LabelPairedArrowUpRightSmRegularIcon />
160-
</a>
161-
</li>
162-
<li>
163-
<a
164-
href='https://hackerone.com/deriv?type=team'
165-
target='_blank'
166-
className={styles.Link}
167-
rel='noreferrer'
168-
>
169-
<Text size='sm' className={styles.labelcolor}>
170-
<Translate>Bug bounty</Translate>
171-
</Text>
172-
<LabelPairedArrowUpRightSmRegularIcon />
173-
</a>
174-
</li>
175-
</ul>
176-
</section>
177-
<section className={styles.Section1}>
178-
<Heading.H6>Deriv.com</Heading.H6>
179-
<ul className={styles.List}>
180-
<li>
181-
<a
182-
href={footer_links.root}
183-
target='_blank'
184-
className={styles.Link}
185-
rel='noreferrer'
126+
<div className={styles.FooterSection}>
127+
<section className={styles.Section1} data-testid='API-section'>
128+
<Heading.H6 data-testid='API-section'>
129+
<Translate>API</Translate>
130+
</Heading.H6>
131+
<ul className={styles.List}>
132+
<li>
133+
<a href={footer_links.dashboard} className={styles.Link}>
134+
<Text size='sm' className={styles.labelcolor}>
135+
<Translate>Dashboard</Translate>
136+
</Text>
137+
</a>
138+
</li>
139+
<li>
140+
<a href={footer_links.api_explorer} className={styles.Link}>
141+
<Text size='sm' className={styles.labelcolor}>
142+
<Translate>API explorer</Translate>
143+
</Text>
144+
</a>
145+
</li>
146+
<li>
147+
<a
148+
href={footer_links.documentation}
149+
target='_blank'
150+
rel="noreferrer"
151+
className={styles.Link}>
152+
<Text className={styles.labelcolor} size='sm'>
153+
<Translate>Documentation</Translate>
154+
</Text>
155+
<LabelPairedArrowUpRightSmRegularIcon />
156+
</a>
157+
</li>
158+
<li>
159+
<a
160+
href='https://deriv.com/derivtech'
161+
target='_blank'
162+
className={styles.Link}
163+
rel='noreferrer'
164+
>
165+
<Text size='sm' className={styles.labelcolor}>
166+
<Translate>Deriv Tech</Translate>
167+
</Text>
168+
<LabelPairedArrowUpRightSmRegularIcon />
169+
</a>
170+
</li>
171+
<li>
172+
<a
173+
href='https://hackerone.com/deriv?type=team'
174+
target='_blank'
175+
className={styles.Link}
176+
rel='noreferrer'
177+
>
178+
<Text size='sm' className={styles.labelcolor}>
179+
<Translate>Bug bounty</Translate>
180+
</Text>
181+
<LabelPairedArrowUpRightSmRegularIcon />
182+
</a>
183+
</li>
184+
</ul>
185+
</section>
186+
<section className={styles.Section1}>
187+
<Heading.H6>Deriv.com</Heading.H6>
188+
<ul className={styles.List}>
189+
<li>
190+
<a
191+
href={footer_links.root}
192+
target='_blank'
193+
className={styles.Link}
194+
rel='noreferrer'
195+
>
196+
<Text size='sm' className={styles.labelcolor}>
197+
<Translate>Homepage</Translate>
198+
</Text>
199+
<LabelPairedArrowUpRightSmRegularIcon />
200+
</a>
201+
</li>
202+
<li>
203+
<a
204+
href={footer_links.who_we_are}
205+
target='_blank'
206+
className={styles.Link}
207+
rel='noreferrer'
208+
>
209+
<Text size='sm' className={styles.labelcolor}>
210+
<Translate>Who we are</Translate>
211+
</Text>
212+
<LabelPairedArrowUpRightSmRegularIcon />
213+
</a>
214+
</li>
215+
<li>
216+
<a
217+
href={footer_links.contact_us}
218+
target='_blank'
219+
className={styles.Link}
220+
rel='noreferrer'
221+
>
222+
<Text
223+
size='sm'
224+
color='var(--component-textIcon-normal-prominent)'
225+
className={styles.labelcolor}
226+
>
227+
<Translate>Contact us</Translate>
228+
</Text>
229+
<LabelPairedArrowUpRightSmRegularIcon />
230+
</a>
231+
</li>
232+
</ul>
233+
</section>
234+
<div className={styles.MobileAccordion}>
235+
<CustomAccordion items={accordionItems} />
236+
</div>
237+
<div className={styles.Box} data-testid='get-connected'>
238+
<Heading.H5 className={styles.SectionTitle}>
239+
<Translate>Get connected</Translate>
240+
</Heading.H5>
241+
<p className={styles.SectionContent}>
242+
<Text size='sm'>
243+
<Translate>Discuss ideas and share solutions with developers worldwide.</Translate>
244+
</Text>
245+
</p>
246+
<div className={styles.CommunityButton} data-testid='community-button'>
247+
<Button
248+
variant='secondary'
249+
color='black'
250+
fullWidth
251+
onClick={() => {
252+
window.open('https://community.deriv.com/c/developers/48', '_blank');
253+
}}
186254
>
187-
<Text size='sm' className={styles.labelcolor}>
188-
<Translate>Homepage</Translate>
189-
</Text>
190-
<LabelPairedArrowUpRightSmRegularIcon />
191-
</a>
192-
</li>
193-
<li>
194-
<a
195-
href={footer_links.who_we_are}
196-
target='_blank'
197-
className={styles.Link}
198-
rel='noreferrer'
255+
<Translate>Join our community</Translate>
256+
</Button>
257+
<Button
258+
variant='secondary'
259+
color='black'
260+
fullWidth
261+
onClick={() => {
262+
window.open('https://t.me/+g6FV5tFY1u9lZGE1', '_blank');
263+
}}
199264
>
200-
<Text size='sm' className={styles.labelcolor}>
201-
<Translate>Who we are</Translate>
202-
</Text>
203-
<LabelPairedArrowUpRightSmRegularIcon />
204-
</a>
205-
</li>
206-
<li>
207-
<a
208-
href={footer_links.contact_us}
209-
target='_blank'
210-
className={styles.Link}
211-
rel='noreferrer'
212-
>
213-
<Text
214-
size='sm'
215-
color='var(--component-textIcon-normal-prominent)'
216-
className={styles.labelcolor}
217-
>
218-
<Translate>Contact us</Translate>
265+
<SocialTelegramBlackIcon fill='#000000' iconSize='xs' />
266+
<Translate>Telegram</Translate>
267+
</Button>
268+
</div>
269+
</div>
270+
<div className={styles.Box}>
271+
<Heading.H5 className={styles.SectionTitle}>
272+
<Translate>We're here to help</Translate>
273+
</Heading.H5>
274+
<p className={styles.SectionContent}>
275+
<Text size='sm' style={{ display: 'inline' }}>
276+
<Translate>Email us at</Translate>{' '}
277+
</Text>
278+
<a href='mailto:api-support@deriv.com' style={{ display: 'inline' }}>
279+
<Text size='sm' style={{ display: 'inline' }}>
280+
<Translate>api-support@deriv.com </Translate>
219281
</Text>
220-
<LabelPairedArrowUpRightSmRegularIcon />
221282
</a>
222-
</li>
223-
</ul>
224-
</section>
225-
<div className={styles.MobileAccordion}>
226-
<CustomAccordion items={accordionItems} />
227-
</div>
228-
<div className={styles.Box} data-testid='get-connected'>
229-
<Heading.H5 className={styles.SectionTitle}>
230-
<Translate>Get connected</Translate>
231-
</Heading.H5>
232-
<p className={styles.SectionContent}>
233-
<Text size='sm'>
234-
<Translate>Discuss ideas and share solutions with developers worldwide.</Translate>
235-
</Text>
236-
</p>
237-
<div className={styles.CommunityButton} data-testid='community-button'>
238-
<Button
239-
variant='secondary'
240-
color='black'
241-
fullWidth
242-
onClick={() => {
243-
window.open('https://deriv.vanillacommunity.com/', '_blank');
244-
}}
245-
>
246-
<Translate>Join our community</Translate>
247-
</Button>
248-
<Button
249-
variant='secondary'
250-
color='black'
251-
fullWidth
252-
onClick={() => {
253-
window.open('https://t.me/+g6FV5tFY1u9lZGE1', '_blank');
254-
}}
255-
>
256-
<SocialTelegramBlackIcon fill='#000000' iconSize='xs' />
257-
<Translate>Telegram</Translate>
258-
</Button>
259-
</div>
260-
</div>
261-
<div className={styles.Box}>
262-
<Heading.H5 className={styles.SectionTitle}>
263-
<Translate>We're here to help</Translate>
264-
</Heading.H5>
265-
<p className={styles.SectionContent}>
266-
<Text size='sm' style={{ display: 'inline' }}>
267-
<Translate>Email us at</Translate>{' '}
268-
</Text>
269-
<a href='mailto:api-support@deriv.com' style={{ display: 'inline' }}>
270283
<Text size='sm' style={{ display: 'inline' }}>
271-
<Translate>api-support@deriv.com </Translate>
284+
<Translate>if you need any assistance or support.</Translate>
272285
</Text>
273-
</a>
274-
<Text size='sm' style={{ display: 'inline' }}>
275-
<Translate>if you need any assistance or support.</Translate>
276-
</Text>
277-
</p>
278-
<div className={styles.EmailButton}>
279-
<Button
280-
color='black'
281-
size='md'
282-
variant='secondary'
283-
fullWidth
284-
onClick={() => {
285-
window.open('mailto:api-support@deriv.com', '_blank');
286-
}}
287-
>
288-
<LabelPairedEnvelopeMdBoldIcon /> <Translate>Send an email</Translate>
289-
</Button>
286+
</p>
287+
<div className={styles.EmailButton}>
288+
<Button
289+
color='black'
290+
size='md'
291+
variant='secondary'
292+
fullWidth
293+
onClick={() => {
294+
window.open('mailto:api-support@deriv.com', '_blank');
295+
}}
296+
>
297+
<LabelPairedEnvelopeMdBoldIcon /> <Translate>Send an email</Translate>
298+
</Button>
299+
</div>
290300
</div>
291301
</div>
292302
</div>
293-
</div>
294-
</section>
303+
</section>
295304
</div>
296305
);
297306
};

0 commit comments

Comments
 (0)