feat: dashboard access (#3161)

app/i18n/en/index.ts

@@ -2303,6 +2303,7 @@ const en: BaseTranslation = {
     staticQr: "Printable Static QR Code",
     staticQrCopied: "Your static QR code link has been copied",
     setByOs: "Set by OS",
+    apiAcess: "API Access",
     pos: "Point of Sale",
     posCopied: "Your point of sale link has been copied",
     setYourLightningAddress: "Set Your Lightning Address",

app/i18n/i18n-types.ts

@@ -7176,6 +7176,10 @@ type RootTranslation = {
 		 * S​e​t​ ​b​y​ ​O​S
 		 */
 		setByOs: string
+		/**
+		 * A​P​I​ ​A​c​c​e​s​s
+		 */
+		apiAcess: string
 		/**
 		 * P​o​i​n​t​ ​o​f​ ​S​a​l​e
 		 */
@@ -16177,6 +16181,10 @@ export type TranslationFunctions = {
 		 * Set by OS
 		 */
 		setByOs: () => LocalizedString
+		/**
+		 * API Access
+		 */
+		apiAcess: () => LocalizedString
 		/**
 		 * Point of Sale
 		 */

app/i18n/raw-i18n/source/en.json

@@ -2232,6 +2232,7 @@
         "staticQr": "Printable Static QR Code",
         "staticQrCopied": "Your static QR code link has been copied",
         "setByOs": "Set by OS",
+        "apiAcess": "API Access",
         "pos": "Point of Sale",
         "posCopied": "Your point of sale link has been copied",
         "setYourLightningAddress": "Set Your Lightning Address",

app/screens/settings-screen/settings-screen.tsx

@@ -17,6 +17,7 @@ import { AccountLNAddress } from "./settings/account-ln-address"
 import { AccountPOS } from "./settings/account-pos"
 import { AccountStaticQR } from "./settings/account-static-qr"
 import { TxLimits } from "./settings/account-tx-limits"
+import { ApiAccessSetting } from "./settings/advanced-api-access"
 import { ExportCsvSetting } from "./settings/advanced-export-csv"
 import { JoinCommunitySetting } from "./settings/community-join"
 import { NeedHelpSetting } from "./settings/community-need-help"
@@ -74,7 +75,7 @@ export const SettingsScreen: React.FC = () => {
       ThemeSetting,
     ],
     securityAndPrivacy: [TotpSetting, OnDeviceSecuritySetting],
-    advanced: [ExportCsvSetting],
+    advanced: [ExportCsvSetting, ApiAccessSetting],
     community: [NeedHelpSetting, JoinCommunitySetting],
   }
 

app/screens/settings-screen/settings/advanced-api-access.tsx

@@ -0,0 +1,25 @@
+import { Linking } from "react-native"
+
+import { GaloyIcon } from "@app/components/atomic/galoy-icon"
+import { useI18nContext } from "@app/i18n/i18n-react"
+
+import { SettingsRow } from "../row"
+
+const DASHBOARD_LINK = "https://dashboard.blink.sv"
+
+export const ApiAccessSetting: React.FC = () => {
+  const { LL } = useI18nContext()
+
+  return (
+    <SettingsRow
+      title={LL.SettingsScreen.apiAcess()}
+      subtitle={DASHBOARD_LINK}
+      subtitleShorter={true}
+      leftIcon="code"
+      rightIcon={<GaloyIcon name="link" size={24} />}
+      action={() => {
+        Linking.openURL(DASHBOARD_LINK)
+      }}
+    />
+  )
+}