From 1525738517aacf66f9b1c5e5ba0706fab920b9ca Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Fri, 9 Oct 2020 09:46:36 +0300
Subject: [PATCH] Settings: Implement the dashboard link.

---
 src/Settings/index.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/Settings/index.tsx b/src/Settings/index.tsx
index 579193f..77b23f1 100644
--- a/src/Settings/index.tsx
+++ b/src/Settings/index.tsx
@@ -192,6 +192,21 @@ export default React.memo(function Settings() {
             <h2>Security Fingerprint</h2>
             <SecurityFingerprint />
 
+            <h2>Account Dashboard</h2>
+            <p>
+              Change your payment info, plan and other account settings
+            </p>
+            <Button color="secondary" variant="contained" onClick={async () => {
+              try {
+                const url = await etebase!.getDashboardUrl();
+                window.open(url, "_blank", "noopener,noreferrer");
+              } catch (e) {
+                dispatch(pushMessage({ message: e.message, severity: "error" }));
+              }
+            }}>
+              Open Dashboard
+            </Button>
+
             <h2>Password</h2>
             <ChangePassword />
           </>