diff --git a/src/__snapshots__/index.test.ts.snap b/src/__snapshots__/index.test.ts.snap index 426e39ef15..c71f311f31 100644 --- a/src/__snapshots__/index.test.ts.snap +++ b/src/__snapshots__/index.test.ts.snap @@ -266,6 +266,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -602,6 +614,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -942,6 +966,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -1269,6 +1305,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -1606,6 +1654,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -1938,6 +1998,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -2223,6 +2295,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -2554,6 +2638,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -2886,6 +2982,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -3230,6 +3338,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -3557,6 +3677,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -3893,6 +4025,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -4232,6 +4376,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -4559,6 +4715,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -4896,6 +5064,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -6125,6 +6305,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -6400,6 +6592,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -6728,6 +6932,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -7055,6 +7271,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -7392,6 +7620,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -7724,6 +7964,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -8068,6 +8320,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -8400,6 +8664,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -8744,6 +9020,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -9071,6 +9359,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -9407,6 +9707,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -9746,6 +10058,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -10073,6 +10397,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -10410,6 +10746,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -11639,6 +11987,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -11915,6 +12275,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -12246,6 +12618,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -12578,6 +12962,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -12923,6 +13319,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -13250,6 +13658,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -13587,6 +14007,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -13919,6 +14351,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -14256,6 +14700,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -14583,6 +15039,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -14920,6 +15388,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", @@ -16149,6 +16629,18 @@ exports[`Application root should render without crashing 1`] = ` "TITLE": "Advanced Mode Disclaimer", }, }, + "SUPPORT": Object { + "CONTACT_US": "Contact us", + "FAQ_PORTFOLIO_SUBTITLE": "Frequently asked questions about portfolio and addresses", + "FAQ_PORTFOLIO_TITLE": "Portfolio", + "FOOTER_HELP_SUBTITLE": "Write us a letter and we will reply as soon as possible.", + "FOOTER_HELP_TITLE": "Do you still need help with you question?", + "HELPFUL_CATEGORY_TITLE": "Most Helpful", + "HELP_SUPPORT_SUBTITLE": "Do you need any help? Find it in our archive or write to us", + "HELP_SUPPORT_TITLE": "Help & Support", + "NEWEST_CATEGORY_TITLE": "Newest", + "POPULAR_CATEGORY_TITLE": "Most Popular", + }, "TRANSACTION": Object { "ACCOUNT": "Account", "ACCOUNT_NICKNAME": "Account Nickname", diff --git a/src/app/assets/svg/article.svg b/src/app/assets/svg/article.svg new file mode 100644 index 0000000000..516a0bdc09 --- /dev/null +++ b/src/app/assets/svg/article.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/svg/exchange.svg b/src/app/assets/svg/exchange.svg new file mode 100644 index 0000000000..bfd1a4f796 --- /dev/null +++ b/src/app/assets/svg/exchange.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/svg/eye-tag.svg b/src/app/assets/svg/eye-tag.svg new file mode 100644 index 0000000000..a6ecf45c98 --- /dev/null +++ b/src/app/assets/svg/eye-tag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/svg/index.ts b/src/app/assets/svg/index.ts index 50e86adb04..307d0e4308 100644 --- a/src/app/assets/svg/index.ts +++ b/src/app/assets/svg/index.ts @@ -5,6 +5,7 @@ import { ReactComponent as Ark } from "./ark.svg"; import { ReactComponent as ArrowBack } from "./arrow-back.svg"; import { ReactComponent as ArrowDown } from "./arrowdown.svg"; import { ReactComponent as ArrowUp } from "./arrowup.svg"; +import { ReactComponent as Article } from "./article.svg"; import { ReactComponent as Btc } from "./btc.svg"; import { ReactComponent as Checkmark } from "./checkmark.svg"; import { ReactComponent as ChevronDown } from "./chevron-down.svg"; @@ -16,8 +17,10 @@ import { ReactComponent as Delegate } from "./delegate.svg"; import { ReactComponent as Discord } from "./discord.svg"; import { ReactComponent as Download } from "./download.svg"; import { ReactComponent as Eth } from "./eth.svg"; +import { ReactComponent as Exchange } from "./exchange.svg"; import { ReactComponent as Explorer } from "./explorer.svg"; import { ReactComponent as EyeOff } from "./eye-off.svg"; +import { ReactComponent as EyeTag } from "./eye-tag.svg"; import { ReactComponent as Eye } from "./eye.svg"; import { ReactComponent as FilePassword } from "./file-password.svg"; import { ReactComponent as Filters } from "./filters.svg"; @@ -37,7 +40,11 @@ import { ReactComponent as OfficialArkPlugin } from "./official-ark-plugin.svg"; import { ReactComponent as Ok } from "./ok.svg"; import { ReactComponent as Peer } from "./peer.svg"; import { ReactComponent as Plugin } from "./plugin.svg"; +import { ReactComponent as Plugins } from "./plugins.svg"; import { ReactComponent as Plus } from "./plus.svg"; +import { ReactComponent as PortfolioTag } from "./portfolio-tag.svg"; +import { ReactComponent as Portfolio } from "./portfolio.svg"; +import { ReactComponent as Profile } from "./profile.svg"; import { ReactComponent as Qrcode } from "./qrcode.svg"; import { ReactComponent as Receive } from "./receive.svg"; import { ReactComponent as Received } from "./received.svg"; @@ -120,4 +127,11 @@ export const SvgCollection: any = { Notification, Receive, User, + Exchange, + Plugins, + Profile, + Portfolio, + PortfolioTag, + Article, + EyeTag, }; diff --git a/src/app/assets/svg/plugins.svg b/src/app/assets/svg/plugins.svg new file mode 100644 index 0000000000..c0c383561f --- /dev/null +++ b/src/app/assets/svg/plugins.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/svg/portfolio-tag.svg b/src/app/assets/svg/portfolio-tag.svg new file mode 100644 index 0000000000..1ffc091dfe --- /dev/null +++ b/src/app/assets/svg/portfolio-tag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/svg/portfolio.svg b/src/app/assets/svg/portfolio.svg new file mode 100644 index 0000000000..e2e611ab86 --- /dev/null +++ b/src/app/assets/svg/portfolio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/svg/profile.svg b/src/app/assets/svg/profile.svg new file mode 100644 index 0000000000..71fb2963e7 --- /dev/null +++ b/src/app/assets/svg/profile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/i18n/helpers/index.ts b/src/app/i18n/helpers/index.ts index 348512fe74..e07529125b 100644 --- a/src/app/i18n/helpers/index.ts +++ b/src/app/i18n/helpers/index.ts @@ -6,6 +6,7 @@ import { translations as PLUGINS } from "../../../domains/plugins/i18n"; import { translations as PROFILE } from "../../../domains/profile/i18n"; import { translations as SEARCH } from "../../../domains/search/i18n"; import { translations as SETTINGS } from "../../../domains/settings/i18n"; +import { translations as SUPPORT } from "../../../domains/support/i18n"; import { translations as TRANSACTION } from "../../../domains/transaction/i18n"; import { translations as WALLETS } from "../../../domains/wallets/i18n"; import { translations as COMMON } from "../common/i18n"; @@ -21,4 +22,5 @@ export const buildTranslations = (): any => ({ SETTINGS, TRANSACTION, WALLETS, + SUPPORT, }); diff --git a/src/domains/support/data.ts b/src/domains/support/data.ts new file mode 100644 index 0000000000..aa1dc355c0 --- /dev/null +++ b/src/domains/support/data.ts @@ -0,0 +1,147 @@ +export const categories = [ + { + title: "Profile", + subtitle: "38 topics", + icon: "Profile", + path: "/", + }, + { + title: "Portfolio", + subtitle: "9 topics", + icon: "Portfolio", + path: "/", + }, + { + title: "Plugins", + subtitle: "106 topics", + icon: "Plugins", + path: "/", + }, + { + title: "Exchanges", + subtitle: "28 topics", + icon: "Exchange", + path: "/", + }, +]; + +export const helpfulArticles = [ + { + title: "How to register an account?", + path: "/", + }, + { + title: "How to enter your account", + path: "/", + }, + { + title: + "How can I change my personal data if I do not have access to my account (forgot my password) and to my mail?", + path: "/", + }, + { + title: + "If you need to make changes to the data entered during the passage of verification, where to apply, how to issue a request?", + path: "/", + }, + { + title: "Can I delete my account", + path: "/", + }, +]; + +export const popularArticles = [ + { + title: "How to delete YubiKey for Two-factor Authentication (2FA)", + path: "/", + }, + { + title: "Using a YubiKey for Two-Factor Authentication (2FA)", + path: "/", + }, + { + title: "2FA Code Error", + path: "/", + }, + { + title: "How to Reset SMS Authentication", + path: "/", + }, + { + title: "Supported SMS countries Not Receiving SMS Auth Codes", + path: "/", + }, +]; + +export const newestArticles = [ + { + title: "How to withdraw from wallet", + path: "/", + }, + { + title: "How to Make Internal Transfer within wallet", + path: "/", + }, + { + title: "Missing Withdrawals", + path: "/", + }, + { + title: "Withdrawal to a Wrong Address", + path: "/", + }, + { + title: "How to Resume the Withdrawal Function", + path: "/", + }, +]; + +export const faqArticles = [ + { + title: "Development Environment Setup", + description: + "ARK Core is written in TypeScript, and it has been using Lerna to manage the development and publication of its packages and uses Node.js as execution environment. This guid will take you through the basic steps of setting up a development environment", + path: "/", + }, + { + title: "Core-Tester provides set of instructions on how to run commands for creating and sending transactions?", + description: + "With our testnet up and running, the first thing we need to do is to connect to it. All interactions between ARK Nodes and the outside world happen through the Public API, which is a REST API facilitating different actions on the blockchain.", + path: "/", + }, + { + title: "Setup Your Own Blockchain Explorer", + description: + "ARK Core is written in TypeScript, and it has been using Lerna to manage the development and publication of its packages and uses Node.js as execution environment. This guid will take you through the basic steps of setting up a development environment", + path: "/", + }, + { + title: "Is it essential for you to understand and master the art of ARK Core Module development?", + description: + "ARK Core is written in TypeScript, and it has been using Lerna to manage the development and publication of its packages and uses Node.js as execution environment. This guid will take you through the basic steps of setting up a development environment", + path: "/", + }, +]; + +export const article = { + title: "Setup Your Own Blockchain Explorer", + body: "jfdskfjdskajfkasjfasdf", + category: "Portfolio", + categoryIcon: "PortfolioTag", + views: "32 908", + image: "https://picsum.photos/seed/picsum/800/400", + sections: [ + { + title: "1. Introduction", + id: "introduction", + body: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa.\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa.", + }, + { + title: "2. Create Account", + id: "account", + body: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa.\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa.", + }, + ], +}; diff --git a/src/domains/support/i18n.tsx b/src/domains/support/i18n.tsx new file mode 100644 index 0000000000..cd6dae79f1 --- /dev/null +++ b/src/domains/support/i18n.tsx @@ -0,0 +1,12 @@ +export const translations: { [key: string]: any } = { + HELP_SUPPORT_TITLE: "Help & Support", + HELP_SUPPORT_SUBTITLE: "Do you need any help? Find it in our archive or write to us", + CONTACT_US: "Contact us", + HELPFUL_CATEGORY_TITLE: "Most Helpful", + POPULAR_CATEGORY_TITLE: "Most Popular", + NEWEST_CATEGORY_TITLE: "Newest", + FAQ_PORTFOLIO_TITLE: "Portfolio", + FAQ_PORTFOLIO_SUBTITLE: "Frequently asked questions about portfolio and addresses", + FOOTER_HELP_TITLE: "Do you still need help with you question?", + FOOTER_HELP_SUBTITLE: "Write us a letter and we will reply as soon as possible.", +}; diff --git a/src/domains/support/pages/Article/Article.stories.tsx b/src/domains/support/pages/Article/Article.stories.tsx new file mode 100644 index 0000000000..2ca0bd7e12 --- /dev/null +++ b/src/domains/support/pages/Article/Article.stories.tsx @@ -0,0 +1,33 @@ +import React from "react"; + +import { article } from "../../data"; +import { Article } from "./Article"; + +export default { + title: "Support / Pages / Article", +}; + +export const Default = () => { + return ( +
+ ); +}; + +export const WithImage = () => { + return ( +
+ ); +}; diff --git a/src/domains/support/pages/Article/Article.styles.ts b/src/domains/support/pages/Article/Article.styles.ts new file mode 100644 index 0000000000..46a7820c2a --- /dev/null +++ b/src/domains/support/pages/Article/Article.styles.ts @@ -0,0 +1,21 @@ +export const navStyles = ` + & { + .active { + position: relative; + font-weight: bold; + + &:after { + position: absolute; + content: ''; + display: block; + left: 0; + top: 0.2rem; + bottom: 0.2rem; + background: var(--theme-color-primary-500); + width: 0.2rem; + margin-left: -0.1rem; + border-radius: 2rem; + } + } + } +`; diff --git a/src/domains/support/pages/Article/Article.test.tsx b/src/domains/support/pages/Article/Article.test.tsx new file mode 100644 index 0000000000..72b7576679 --- /dev/null +++ b/src/domains/support/pages/Article/Article.test.tsx @@ -0,0 +1,41 @@ +/* eslint-disable @typescript-eslint/require-await */ +import { render } from "@testing-library/react"; +import { i18n } from "app/i18n"; +import React from "react"; +import { I18nextProvider } from "react-i18next"; + +import { article } from "../../data"; +import { Article } from "./Article"; + +describe("SupportPage", () => { + it("should render article support page", () => { + const { container } = render( + +
+ , + ); + expect(container).toMatchSnapshot(); + }); + + it("should render article support page with main image", () => { + const { container } = render( + +
+ , + ); + expect(container).toMatchSnapshot(); + }); +}); diff --git a/src/domains/support/pages/Article/Article.tsx b/src/domains/support/pages/Article/Article.tsx new file mode 100644 index 0000000000..b0c74ac36c --- /dev/null +++ b/src/domains/support/pages/Article/Article.tsx @@ -0,0 +1,125 @@ +import { Button } from "app/components/Button"; +import { Icon } from "app/components/Icon"; +import React from "react"; +import { useTranslation } from "react-i18next"; +import { styled } from "twin.macro"; + +import { navStyles } from "./Article.styles"; + +type SectionItem = { + title: string; + body: string; + id: string; +}; + +type ArticleProps = { + title: string; + category: string; + categoryIcon: string; + views?: string; + sections?: SectionItem[]; + image?: string; +}; + +type FastNavProps = { + sections?: SectionItem[]; +}; + +const NavWrapper = styled.div` + ${navStyles} +`; + +const FastNavigation = ({ sections }: FastNavProps) => { + const activeClass = (index: number) => { + return index === 0 ? "active" : ""; + }; + + return ( + +
+ Fast navigation +
+
    + {sections && + sections.map((section: SectionItem, index) => { + return ( +
  • + + {section.title} + +
    • + ); + })} +
+ + ); +}; + +export const Article = ({ title, category, categoryIcon, views, sections, image }: ArticleProps) => { + const { t } = useTranslation(); + return ( +
+
+ + +
+
+
+
+ +
+
{category}
+
+ {views && ( +
+
+ +
+
{views}
+
+ )} +
+

{title}

+ {image && } +
+ {sections && + sections.map((section: SectionItem, index) => { + return ( +
+

{section.title}

+

+ {section.body} +

+
+ ); + })} +
+
+
+
+
+
+
+

{t("SUPPORT.FOOTER_HELP_TITLE")}

+

{t("SUPPORT.FOOTER_HELP_SUBTITLE")}

+
+
+
+ +
+
+
+
+
+
+ ); +}; diff --git a/src/domains/support/pages/Article/__snapshots__/Article.test.tsx.snap b/src/domains/support/pages/Article/__snapshots__/Article.test.tsx.snap new file mode 100644 index 0000000000..464f775c9c --- /dev/null +++ b/src/domains/support/pages/Article/__snapshots__/Article.test.tsx.snap @@ -0,0 +1,352 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`SupportPage should render article support page 1`] = ` +
+
+
+
+
+ Fast navigation +
+ +
+
+
+
+
+
+ + portfolio-tag.svg + +
+
+
+ Portfolio +
+
+
+
+
+ + eye-tag.svg + +
+
+
+ 32 908 +
+
+
+

+ Setup Your Own Blockchain Explorer +

+
+
+

+ 1. Introduction +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. +

+
+
+

+ 2. Create Account +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. +

+
+
+
+
+
+
+
+
+

+ Do you still need help with you question? +

+

+ Write us a letter and we will reply as soon as possible. +

+
+
+
+ +
+
+
+
+
+
+
+`; + +exports[`SupportPage should render article support page with main image 1`] = ` +
+
+
+
+
+ Fast navigation +
+ +
+
+
+
+
+
+ + portfolio-tag.svg + +
+
+
+ Portfolio +
+
+
+
+
+ + eye-tag.svg + +
+
+
+ 32 908 +
+
+
+

+ Setup Your Own Blockchain Explorer +

+ +
+
+

+ 1. Introduction +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. +

+
+
+

+ 2. Create Account +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. Bibendum arcu vitae elementum curabitur. Eget lorem dolor sed viverra ipsum. Ut venenatis tellus in metus vulputate eu scelerisque. Mi bibendum neque egestas congue quisque egestas diam in. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Nullam vehicula ipsum a arcu cursus. Sed libero enim sed faucibus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Dui id ornare arcu odio ut sem nulla pharetra diam. Diam quam nulla porttitor massa. +

+
+
+
+
+
+
+
+
+

+ Do you still need help with you question? +

+

+ Write us a letter and we will reply as soon as possible. +

+
+
+
+ +
+
+
+
+
+
+
+`; diff --git a/src/domains/support/pages/Article/index.ts b/src/domains/support/pages/Article/index.ts new file mode 100644 index 0000000000..a31e575545 --- /dev/null +++ b/src/domains/support/pages/Article/index.ts @@ -0,0 +1 @@ +export * from "./Article"; diff --git a/src/domains/support/pages/Faq/Faq.stories.tsx b/src/domains/support/pages/Faq/Faq.stories.tsx new file mode 100644 index 0000000000..be2da96e88 --- /dev/null +++ b/src/domains/support/pages/Faq/Faq.stories.tsx @@ -0,0 +1,12 @@ +import React from "react"; + +import { faqArticles } from "../../data"; +import { Faq } from "./Faq"; + +export default { + title: "Support / Pages / Portfolio", +}; + +export const Default = () => { + return ; +}; diff --git a/src/domains/support/pages/Faq/Faq.test.tsx b/src/domains/support/pages/Faq/Faq.test.tsx new file mode 100644 index 0000000000..47e16a720c --- /dev/null +++ b/src/domains/support/pages/Faq/Faq.test.tsx @@ -0,0 +1,19 @@ +/* eslint-disable @typescript-eslint/require-await */ +import { render } from "@testing-library/react"; +import { i18n } from "app/i18n"; +import React from "react"; +import { I18nextProvider } from "react-i18next"; + +import { faqArticles } from "../../data"; +import { Faq } from "./Faq"; + +describe("SupportPage", () => { + it("should render faq portfolio category page", () => { + const { container } = render( + + + , + ); + expect(container).toMatchSnapshot(); + }); +}); diff --git a/src/domains/support/pages/Faq/Faq.tsx b/src/domains/support/pages/Faq/Faq.tsx new file mode 100644 index 0000000000..2c3ea10b99 --- /dev/null +++ b/src/domains/support/pages/Faq/Faq.tsx @@ -0,0 +1,75 @@ +import { Button } from "app/components/Button"; +import { Icon } from "app/components/Icon"; +import React from "react"; +import { useTranslation } from "react-i18next"; + +type ArticleListItemProps = { + title: string; + path: string; + description: string; +}; + +type FaqProps = { + articles?: ArticleListItemProps[]; +}; + +const ArticleListItem = ({ title, path, description }: ArticleListItemProps) => ( +
  • + +
    +
    + +
    +
    +
    +
    {title}
    +
    {description}
    +
    +     +
    • +); + +export const Faq = ({ articles }: FaqProps) => { + const { t } = useTranslation(); + return ( +
    +
    +
    +
    +

    {t("SUPPORT.FAQ_PORTFOLIO_TITLE")}

    +

    {t("SUPPORT.FAQ_PORTFOLIO_SUBTITLE")}

    +
    +
    +
    + +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
      + {articles && + articles.map(({ title, path, description }: ArticleListItemProps, index: number) => ( + + ))} +
    +
    +
    +
    +
    + ); +}; + +Faq.defaultProps = { + articles: [], +}; diff --git a/src/domains/support/pages/Faq/__snapshots__/Faq.test.tsx.snap b/src/domains/support/pages/Faq/__snapshots__/Faq.test.tsx.snap new file mode 100644 index 0000000000..fea596b290 --- /dev/null +++ b/src/domains/support/pages/Faq/__snapshots__/Faq.test.tsx.snap @@ -0,0 +1,223 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`SupportPage should render faq portfolio category page 1`] = ` +
    +
    +
    +
    +
    +

    + Portfolio +

    +

    + Frequently asked questions about portfolio and addresses +

    +
    +
    +
    +
    + + search.svg + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +`; diff --git a/src/domains/support/pages/Faq/index.ts b/src/domains/support/pages/Faq/index.ts new file mode 100644 index 0000000000..ec349d722c --- /dev/null +++ b/src/domains/support/pages/Faq/index.ts @@ -0,0 +1 @@ +export * from "./Faq"; diff --git a/src/domains/support/pages/Main/Main.stories.tsx b/src/domains/support/pages/Main/Main.stories.tsx new file mode 100644 index 0000000000..5f2e254f9c --- /dev/null +++ b/src/domains/support/pages/Main/Main.stories.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +import { categories, helpfulArticles, newestArticles, popularArticles } from "../../data"; +import { Main } from "./Main"; + +export default { + title: "Support / Pages / Main", +}; + +export const Default = () => { + return ( +
    + ); +}; diff --git a/src/domains/support/pages/Main/Main.test.tsx b/src/domains/support/pages/Main/Main.test.tsx new file mode 100644 index 0000000000..1911a26f2e --- /dev/null +++ b/src/domains/support/pages/Main/Main.test.tsx @@ -0,0 +1,55 @@ +/* eslint-disable @typescript-eslint/require-await */ +import { render } from "@testing-library/react"; +import { i18n } from "app/i18n"; +import React from "react"; +import { I18nextProvider } from "react-i18next"; + +import { categories, helpfulArticles, newestArticles, popularArticles } from "../../data"; +import { Main } from "./Main"; + +describe("SupportPage", () => { + it("should render empty main support page", () => { + const { container } = render( + +
    + , + ); + expect(container).toMatchSnapshot(); + }); + + it("should render main support page with categories", () => { + const { container } = render( + +
    + , + ); + expect(container).toMatchSnapshot(); + }); + + it("should render main support page with helpful articles", () => { + const { container } = render( + +
    + , + ); + expect(container).toMatchSnapshot(); + }); + + it("should render main support page with popular articles", () => { + const { container } = render( + +
    + , + ); + expect(container).toMatchSnapshot(); + }); + + it("should render main support page with newest articles", () => { + const { container } = render( + +
    + , + ); + expect(container).toMatchSnapshot(); + }); +}); diff --git a/src/domains/support/pages/Main/Main.tsx b/src/domains/support/pages/Main/Main.tsx new file mode 100644 index 0000000000..6b1cb3f74a --- /dev/null +++ b/src/domains/support/pages/Main/Main.tsx @@ -0,0 +1,134 @@ +import { Button } from "app/components/Button"; +import { Circle } from "app/components/Circle"; +import { Icon } from "app/components/Icon"; +import React from "react"; +import { useTranslation } from "react-i18next"; + +type ArticleListItemProps = { + title: string; + path: string; +}; + +type CategoryItemProps = { + title?: string; + subtitle?: string; + path?: string; + icon: string; +}; + +type SupportProps = { + categories?: CategoryItemProps[]; + helpfulArticles?: ArticleListItemProps[]; + newestArticles?: ArticleListItemProps[]; + popularArticles?: ArticleListItemProps[]; +}; + +const ArticleListItem = ({ title, path }: ArticleListItemProps) => ( +
  • + +
    +
    + +
    +
    +
    {title}
    +     +
    • +); + +const CategoryItem = ({ icon, title, subtitle, path }: CategoryItemProps) => ( + +
    +
    + +
    + +
    +     +
    +
    +
    {title}
    +
    {subtitle}
    +
    +
    +     +); + +export const Main = ({ categories, helpfulArticles, popularArticles, newestArticles }: SupportProps) => { + const { t } = useTranslation(); + return ( +
    +
    +
    +
    +

    {t("SUPPORT.HELP_SUPPORT_TITLE")}

    +

    {t("SUPPORT.HELP_SUPPORT_SUBTITLE")}

    +
    +
    +
    + +
    +
    +
    + +
    +
    +
    +
    +
    +
    + {categories && + categories.map((category: CategoryItemProps, index: number) => { + return ( + + ); + })} +
    +
    +
    +
    +
    +

    {t("SUPPORT.HELPFUL_CATEGORY_TITLE")}

    +
      + {helpfulArticles && + helpfulArticles.map(({ title, path }: ArticleListItemProps, index: number) => ( + + ))} +
    +
    +
    +

    {t("SUPPORT.POPULAR_CATEGORY_TITLE")}

    +
      + {popularArticles && + popularArticles.map(({ title, path }: ArticleListItemProps, index: number) => ( + + ))} +
    +
    +
    +

    {t("SUPPORT.NEWEST_CATEGORY_TITLE")}

    +
      + {newestArticles && + newestArticles.map(({ title, path }: ArticleListItemProps, index: number) => ( + + ))} +
    +
    +
    +
    +
    + ); +}; diff --git a/src/domains/support/pages/Main/__snapshots__/Main.test.tsx.snap b/src/domains/support/pages/Main/__snapshots__/Main.test.tsx.snap new file mode 100644 index 0000000000..a567de2b65 --- /dev/null +++ b/src/domains/support/pages/Main/__snapshots__/Main.test.tsx.snap @@ -0,0 +1,1126 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`SupportPage should render empty main support page 1`] = ` +
    +
    +
    +
    +
    +

    + Help & Support +

    +

    + Do you need any help? Find it in our archive or write to us +

    +
    +
    +
    +
    + + search.svg + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + Most Helpful +

    +
      +
    +
    +

    + Most Popular +

    +
      +
    +
    +

    + Newest +

    +
      +
    +
    +
    +
    +
    +`; + +exports[`SupportPage should render main support page with categories 1`] = ` +
    +
    +
    +
    +
    +

    + Help & Support +

    +

    + Do you need any help? Find it in our archive or write to us +

    +
    +
    +
    +
    + + search.svg + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + profile.svg + +
    +
    +
    +
    +
    +
    + Profile +
    +
    + 38 topics +
    +
    +
    +     + +
    +
    +
    +
    +
    + + portfolio.svg + +
    +
    +
    +
    +
    +
    + Portfolio +
    +
    + 9 topics +
    +
    +
    +     + +
    +
    +
    +
    +
    + + plugins.svg + +
    +
    +
    +
    +
    +
    + Plugins +
    +
    + 106 topics +
    +
    +
    +     + +
    +
    +
    +
    +
    + + exchange.svg + +
    +
    +
    +
    +
    +
    + Exchanges +
    +
    + 28 topics +
    +
    +
    +     +
    +
    +
    +
    +
    +

    + Most Helpful +

    +
      +
    +
    +

    + Most Popular +

    +
      +
    +
    +

    + Newest +

    +
      +
    +
    +
    +
    +
    +`; + +exports[`SupportPage should render main support page with helpful articles 1`] = ` +
    +
    +
    +
    +
    +

    + Help & Support +

    +

    + Do you need any help? Find it in our archive or write to us +

    +
    +
    +
    +
    + + search.svg + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + Most Helpful +

    + +
    +
    +

    + Most Popular +

    +
      +
    +
    +

    + Newest +

    +
      +
    +
    +
    +
    +
    +`; + +exports[`SupportPage should render main support page with newest articles 1`] = ` +
    +
    +
    +
    +
    +

    + Help & Support +

    +

    + Do you need any help? Find it in our archive or write to us +

    +
    +
    +
    +
    + + search.svg + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + Most Helpful +

    +
      +
    +
    +

    + Most Popular +

    +
      +
    +
    +

    + Newest +

    + +
    +
    +
    +
    +
    +`; + +exports[`SupportPage should render main support page with popular articles 1`] = ` +
    +
    +
    +
    +
    +

    + Help & Support +

    +

    + Do you need any help? Find it in our archive or write to us +

    +
    +
    +
    +
    + + search.svg + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + Most Helpful +

    +
      +
    +
    +

    + Most Popular +

    + +
    +
    +

    + Newest +

    +
      +
    +
    +
    +
    +
    +`; diff --git a/src/domains/support/pages/Main/index.ts b/src/domains/support/pages/Main/index.ts new file mode 100644 index 0000000000..9b66c3709a --- /dev/null +++ b/src/domains/support/pages/Main/index.ts @@ -0,0 +1 @@ +export * from "./Main";