Add FAQ button in Help modal

hsjoberg · Sep 22, 2022 · 8438a87 · 8438a87 · vercel · Sep 22, 2022
1 parent 1f34bb9
commit 8438a87
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -13,6 +13,7 @@ export const MAX_SAT_INVOICE = 4294967;
 export const GITHUB_REPO_URL = "https://github.com/hsjoberg/blixt-wallet";
 export const HAMPUS_EMAIL = "mailto:hampus.sjoberg💩protonmail.com".replace("💩", "@");
 export const TELEGRAM = "https://t.me/blixtwallet";
+export const FAQ = "https://blixtwallet.github.io/faq";
 
 export const PLATFORM = Platform.OS;
 

diff --git a/src/windows/Help.tsx b/src/windows/Help.tsx
@@ -5,7 +5,7 @@ import { Body, Card, Text, CardItem, H1, Toast, View, Button } from "native-base
 import { useStoreState } from "../state/store";
 
 import Blurmodal from "../components/BlurModal";
-import { GITHUB_REPO_URL, HAMPUS_EMAIL, TELEGRAM } from "../utils/constants";
+import { GITHUB_REPO_URL, HAMPUS_EMAIL, TELEGRAM, FAQ } from "../utils/constants";
 
 import { useTranslation } from "react-i18next";
 import { namespaces } from "../i18n/i18n.constants";
@@ -28,6 +28,10 @@ export default function SyncInfo({ route }: any) {
     await Linking.openURL(TELEGRAM);
   }
 
+  const onPressFAQ = async () => {
+    await Linking.openURL(FAQ);
+  }
+
   return (
     <Blurmodal>
       <Card style={style.card}>
@@ -55,6 +59,9 @@ export default function SyncInfo({ route }: any) {
               <Button style={style.actionBarButton} onPress={onPressEmail} small={true}>
                 <Text style={style.actionBarButtonText}>Email</Text>
               </Button>
+              <Button style={style.actionBarButton} onPress={onPressFAQ} small={true}>
+                <Text style={style.actionBarButtonText}>FAQ</Text>
+              </Button>
             </View>
           </Body>
         </CardItem>
@@ -78,9 +85,11 @@ const style = StyleSheet.create({
     flexGrow: 1,
     alignItems:"flex-end",
     flexDirection: "row-reverse",
+    flexWrap: "wrap",
   },
   actionBarButton: {
     marginLeft: 10,
+    marginTop: 10,
   },
   actionBarButtonText: {
     fontSize: 9.75,