diff --git a/src/pages/regulatory/_eu-grid.tsx b/src/pages/regulatory/_eu-grid.tsx index b0f130f0edc..5a446ab3ea0 100644 --- a/src/pages/regulatory/_eu-grid.tsx +++ b/src/pages/regulatory/_eu-grid.tsx @@ -31,209 +31,79 @@ import { CustomLink } from '@deriv-com/components' import * as styles from './eu_grid.module.scss' import { WithIntl, Localize } from 'components/localization' +const countries = [ + { href: '/regulatory/countries/Austria.pdf', icon: , text: '_t_Austria_t_' }, + { + href: '/regulatory/countries/Bulgaria.pdf', + icon: , + text: '_t_Bulgaria_t_', + }, + { href: '/regulatory/countries/Croatia.pdf', icon: , text: '_t_Croatia_t_' }, + { href: '/regulatory/countries/Cyprus.pdf', icon: , text: '_t_Cyprus_t_' }, + { + href: '/regulatory/countries/CzechRepublic.pdf', + icon: , + text: '_t_Czech Republic_t_', + }, + { href: '/regulatory/countries/Denmark.pdf', icon: , text: '_t_Denmark_t_' }, + { href: '/regulatory/countries/Estonia.pdf', icon: , text: '_t_Estonia_t_' }, + { href: '/regulatory/countries/Finland.pdf', icon: , text: '_t_Finland_t_' }, + { href: '/regulatory/countries/France.pdf', icon: , text: '_t_France_t_' }, + { href: '/regulatory/countries/Germany.pdf', icon: , text: '_t_Germany_t_' }, + { href: '/regulatory/countries/Greece.pdf', icon: , text: '_t_Greece_t_' }, + { href: '/regulatory/countries/Hungary.pdf', icon: , text: '_t_Hungary_t_' }, + { href: '/regulatory/countries/Italy.pdf', icon: , text: '_t_Italy_t_' }, + { href: '/regulatory/countries/Ireland.pdf', icon: , text: '_t_Ireland_t_' }, + { href: '/regulatory/countries/Latvia.pdf', icon: , text: '_t_Latvia_t_' }, + { + href: '/regulatory/countries/Lithuania.pdf', + icon: , + text: '_t_Lithuania_t_', + }, + { + href: '/regulatory/countries/Luxembourg.pdf', + icon: , + text: '_t_Luxembourg_t_', + }, + { + href: '/regulatory/countries/Netherlands.pdf', + icon: , + text: '_t_Netherlands_t_', + }, + { href: '/regulatory/countries/Poland.pdf', icon: , text: '_t_Poland_t_' }, + { + href: '/regulatory/countries/Portugal.pdf', + icon: , + text: '_t_Portugal_t_', + }, + { href: '/regulatory/countries/Romania.pdf', icon: , text: '_t_Romania_t_' }, + { + href: '/regulatory/countries/Slovakia.pdf', + icon: , + text: '_t_Slovakia_t_', + }, + { + href: '/regulatory/countries/Slovenia.pdf', + icon: , + text: '_t_Slovenia_t_', + }, + { href: '/regulatory/countries/Spain.pdf', icon: , text: '_t_Spain_t_' }, + { href: '/regulatory/countries/Sweden.pdf', icon: , text: '_t_Sweden_t_' }, +] + const EUgrid = () => { return (
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
- -
- - - - -
-
+ {countries.map((country, index) => ( + +
+ {country.icon &&
{country.icon}
} + + + +
+
+ ))}
) } diff --git a/src/pages/regulatory/eu_grid.module.scss b/src/pages/regulatory/eu_grid.module.scss index dd3c992cad2..8af98cb3cf8 100644 --- a/src/pages/regulatory/eu_grid.module.scss +++ b/src/pages/regulatory/eu_grid.module.scss @@ -14,7 +14,7 @@ display: grid; .icon { width: 36px; - height: 24px; + height: 31px; margin-right: 8px; } diff --git a/src/pages/regulatory/index.tsx b/src/pages/regulatory/index.tsx index 88a87642aa8..35ca69c2635 100644 --- a/src/pages/regulatory/index.tsx +++ b/src/pages/regulatory/index.tsx @@ -114,38 +114,42 @@ const Regulatory = () => { { className: `${styles.accordion_border}`, content: function noRefCheck() { + const regulatoryDocuments = [ + { + href: '/regulatory/RTS28-2022.pdf', + text: '_t_RTS28 2022_t_', + }, + { + href: '/regulatory/RTS28-2021.pdf', + text: '_t_RTS28 2021_t_', + }, + ] return ( -
- -
- pdf icon black - - - -
-
- -
- pdf icon black - - - -
-
+
+ {regulatoryDocuments.map( + (document, index) => ( + +
+ pdf icon black + + + +
+
+ ), + )}
) },