From 9318d21e2274d5409eff4ed8a593085767d244dc Mon Sep 17 00:00:00 2001 From: Yusef Habib Fernandez Date: Fri, 27 Dec 2024 10:37:35 +0100 Subject: [PATCH] no assets cards --- .../components/portfolio/NoNeuronsCard.svelte | 61 ++++++++++++++++++ .../components/portfolio/NoTokensCard.svelte | 62 +++++++++++++++++++ frontend/src/lib/i18n/en.json | 7 ++- frontend/src/lib/pages/Portfolio.svelte | 7 ++- frontend/src/lib/types/i18n.d.ts | 5 ++ 5 files changed, 139 insertions(+), 3 deletions(-) create mode 100644 frontend/src/lib/components/portfolio/NoNeuronsCard.svelte create mode 100644 frontend/src/lib/components/portfolio/NoTokensCard.svelte diff --git a/frontend/src/lib/components/portfolio/NoNeuronsCard.svelte b/frontend/src/lib/components/portfolio/NoNeuronsCard.svelte new file mode 100644 index 0000000000..9069989094 --- /dev/null +++ b/frontend/src/lib/components/portfolio/NoNeuronsCard.svelte @@ -0,0 +1,61 @@ + + + +
+
+ +
+
+

{$i18n.portfolio.no_neurons_card_description}

+
+ {$i18n.portfolio.no_neurons_card_button} +
+
+ + diff --git a/frontend/src/lib/components/portfolio/NoTokensCard.svelte b/frontend/src/lib/components/portfolio/NoTokensCard.svelte new file mode 100644 index 0000000000..ccddd6a3ab --- /dev/null +++ b/frontend/src/lib/components/portfolio/NoTokensCard.svelte @@ -0,0 +1,62 @@ + + + +
+
+ +
+
+

{$i18n.portfolio.no_tokens_card_title}

+

{$i18n.portfolio.no_tokens_card_description}

+
+ {$i18n.portfolio.no_tokens_card_button} +
+
+ + diff --git a/frontend/src/lib/i18n/en.json b/frontend/src/lib/i18n/en.json index b21df7ba6c..426a385aa6 100644 --- a/frontend/src/lib/i18n/en.json +++ b/frontend/src/lib/i18n/en.json @@ -1192,6 +1192,11 @@ }, "portfolio": { "login_title": "Session expired", - "login_description": "Earn rewards, participate in governance and join the communities. Login to gain optimal access of the platform." + "login_description": "Earn rewards, participate in governance and join the communities. Login to gain optimal access of the platform.", + "no_tokens_card_title": "Store tokens safely, invest and become part of shaping the Internet Computer", + "no_tokens_card_description": "Vote on project and protocol developments and earn rewards - Ready to get started?", + "no_neurons_card_description": "Take part of voting for development decisions on SNS projects and earn rewards - start staking your neurons", + "no_tokens_card_button": "Buy ICP", + "no_neurons_card_button": "Start Staking" } } diff --git a/frontend/src/lib/pages/Portfolio.svelte b/frontend/src/lib/pages/Portfolio.svelte index 20c3c2db3d..bfa8a6da21 100644 --- a/frontend/src/lib/pages/Portfolio.svelte +++ b/frontend/src/lib/pages/Portfolio.svelte @@ -1,6 +1,8 @@ @@ -12,8 +14,8 @@ Card1
- Card3 - Card4 + +
@@ -55,6 +57,7 @@ .content { display: grid; grid-template-columns: 1fr; + grid-template-rows: auto; gap: var(--padding-2x); @include media.min-width(large) { diff --git a/frontend/src/lib/types/i18n.d.ts b/frontend/src/lib/types/i18n.d.ts index 0335bd88e9..c3fb51e06b 100644 --- a/frontend/src/lib/types/i18n.d.ts +++ b/frontend/src/lib/types/i18n.d.ts @@ -1258,6 +1258,11 @@ interface I18nImport_token { interface I18nPortfolio { login_title: string; login_description: string; + no_tokens_card_title: string; + no_tokens_card_description: string; + no_neurons_card_description: string; + no_tokens_card_button: string; + no_neurons_card_button: string; } interface I18nNeuron_state {