From f2b61d131fc4cdba13be358a327ecca839299e4a Mon Sep 17 00:00:00 2001 From: Nick Date: Wed, 30 Oct 2024 10:39:45 +0330 Subject: [PATCH 01/11] chore: add support us modal --- .../src/components/TwoButtons.tsx | 6 +- .../src/fullscreen/governance/SupportUs.tsx | 121 ++++++++++++++++++ .../src/fullscreen/homeFullScreen/index.tsx | 2 + .../extension/public/images/supportUs.webp | Bin 0 -> 371370 bytes .../public/locales/en/translation.json | 3 +- 5 files changed, 130 insertions(+), 2 deletions(-) create mode 100644 packages/extension-polkagate/src/fullscreen/governance/SupportUs.tsx create mode 100644 packages/extension/public/images/supportUs.webp diff --git a/packages/extension-polkagate/src/components/TwoButtons.tsx b/packages/extension-polkagate/src/components/TwoButtons.tsx index 9042c9d37..444437c70 100644 --- a/packages/extension-polkagate/src/components/TwoButtons.tsx +++ b/packages/extension-polkagate/src/components/TwoButtons.tsx @@ -16,6 +16,8 @@ interface Props { onPrimaryClick: React.MouseEventHandler; secondaryBtnText?: string; onSecondaryClick: React.MouseEventHandler; + primaryBtnStartIcon?: React.JSX.Element; + secondaryBtnStartIcon?: React.JSX.Element; mt?: string; ml?: string; disabled?: boolean; @@ -25,7 +27,7 @@ interface Props { } // TODO: can replace ButtonWithCancel later -export default function TwoButtons ({ disabled = false, isBusy = false, ml = '6%', mt, onPrimaryClick, onSecondaryClick, primaryBtnText, secondaryBtnText, variant = 'outlined', width = '88%' }: Props): React.ReactElement { +export default function TwoButtons ({ disabled = false, isBusy = false, ml = '6%', mt, onPrimaryClick, onSecondaryClick, primaryBtnStartIcon, primaryBtnText, secondaryBtnStartIcon, secondaryBtnText, variant = 'outlined', width = '88%' }: Props): React.ReactElement { const { t } = useTranslation(); const theme = useTheme(); @@ -35,6 +37,7 @@ export default function TwoButtons ({ disabled = false, isBusy = false, ml = '6%