From 102d041fa5aeceb11f6568825519902a53809875 Mon Sep 17 00:00:00 2001
From: NikitaK-deriv <nikita.kolesnik@regentmarkets.com>
Date: Thu, 30 Dec 2021 15:49:48 +0300
Subject: [PATCH 1/2] refactoring responsible page to typescript

---
 src/index.d.ts                                        |  1 -
 src/pages/responsible/{_banner.js => _banner.tsx}     |  0
 .../responsible/{_need-help.js => _need-help.tsx}     | 11 ++++++++++-
 .../{_securing-account.js => _securing-account.tsx}   |  0
 .../{_trading-limits.js => _trading-limits.tsx}       |  0
 ...rading-responsibly.js => _trading-responsibly.tsx} |  0
 src/pages/responsible/{index.js => index.tsx}         |  0
 7 files changed, 10 insertions(+), 2 deletions(-)
 delete mode 100644 src/index.d.ts
 rename src/pages/responsible/{_banner.js => _banner.tsx} (100%)
 rename src/pages/responsible/{_need-help.js => _need-help.tsx} (95%)
 rename src/pages/responsible/{_securing-account.js => _securing-account.tsx} (100%)
 rename src/pages/responsible/{_trading-limits.js => _trading-limits.tsx} (100%)
 rename src/pages/responsible/{_trading-responsibly.js => _trading-responsibly.tsx} (100%)
 rename src/pages/responsible/{index.js => index.tsx} (100%)

diff --git a/src/index.d.ts b/src/index.d.ts
deleted file mode 100644
index 63199ce7eeb..00000000000
--- a/src/index.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module '*.svg'
diff --git a/src/pages/responsible/_banner.js b/src/pages/responsible/_banner.tsx
similarity index 100%
rename from src/pages/responsible/_banner.js
rename to src/pages/responsible/_banner.tsx
diff --git a/src/pages/responsible/_need-help.js b/src/pages/responsible/_need-help.tsx
similarity index 95%
rename from src/pages/responsible/_need-help.js
rename to src/pages/responsible/_need-help.tsx
index a7a81deb9fd..a63209c301a 100644
--- a/src/pages/responsible/_need-help.js
+++ b/src/pages/responsible/_need-help.tsx
@@ -9,7 +9,16 @@ import UnderageMobile from 'images/svg/responsible/underage-mobile.svg'
 import Filtering from 'images/svg/responsible/filtering-controls.svg'
 import FilteringMobile from 'images/svg/responsible/filtering-controls-mobile.svg'
 
-const help_content = [
+type HelpContentType = {
+    header: React.ReactElement
+    text: React.ReactElement
+    icon: React.ReactElement
+    icon_mobile: React.ReactElement
+    link?: string
+    text2?: string
+}[]
+
+const help_content: HelpContentType = [
     {
         header: <Localize translate_text="Underage gambling" />,
         text: (
diff --git a/src/pages/responsible/_securing-account.js b/src/pages/responsible/_securing-account.tsx
similarity index 100%
rename from src/pages/responsible/_securing-account.js
rename to src/pages/responsible/_securing-account.tsx
diff --git a/src/pages/responsible/_trading-limits.js b/src/pages/responsible/_trading-limits.tsx
similarity index 100%
rename from src/pages/responsible/_trading-limits.js
rename to src/pages/responsible/_trading-limits.tsx
diff --git a/src/pages/responsible/_trading-responsibly.js b/src/pages/responsible/_trading-responsibly.tsx
similarity index 100%
rename from src/pages/responsible/_trading-responsibly.js
rename to src/pages/responsible/_trading-responsibly.tsx
diff --git a/src/pages/responsible/index.js b/src/pages/responsible/index.tsx
similarity index 100%
rename from src/pages/responsible/index.js
rename to src/pages/responsible/index.tsx

From 77eaf6a679061e0cb0cfed7ec8ecff21b489fb23 Mon Sep 17 00:00:00 2001
From: NikitaK-deriv <nikita.kolesnik@regentmarkets.com>
Date: Fri, 31 Dec 2021 09:47:45 +0300
Subject: [PATCH 2/2] fix code smell - delete TODO comment

---
 src/pages/responsible/_trading-limits.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/responsible/_trading-limits.tsx b/src/pages/responsible/_trading-limits.tsx
index c2591c58f13..5e2ab9efc64 100644
--- a/src/pages/responsible/_trading-limits.tsx
+++ b/src/pages/responsible/_trading-limits.tsx
@@ -156,7 +156,6 @@ const TradingLimits = () => {
                             {localize('How trading limits and self-exclusion work')}
                         </StyledHeader>
                         <div>
-                            {/* TODO: enable these self exclusion notes when new Backend API is ready */}
                             <Show.NonEU>
                                 <Text ml="0.8rem" max_width="44rem">
                                     <TimelineTick color="var(--color-red)" pb="1rem">