Test account exporting

Author: dguenther

packages/mobile-app/app/(drawer)/account/account-settings/export-account/index.tsx

@@ -1,18 +1,54 @@
 import { StatusBar } from "expo-status-bar";
 import { Button, StyleSheet, Text, View } from "react-native";
 import { useRouter } from "expo-router";
+import { useFacade } from "@/data/facades";
+import { AccountFormat } from "@ironfish/sdk";
 
 export default function ExportAccount() {
   const router = useRouter();
 
+  const facade = useFacade();
+  const { data, isLoading } = facade.getAccount.useQuery({});
+  const exportAccount = facade.exportAccount.useMutation();
+
+  if (isLoading) return <Text>Loading...</Text>;
+  if (!data) return <Text>No Account</Text>;
+
   return (
     <View style={styles.container}>
       <Button title="Back" onPress={() => router.dismiss()} />
 
       <View>
-        <Text>Mnemonic Phrase</Text>
-        <Text>Encoded Key</Text>
-        <Text>Spending Key</Text>
+        <Button
+          onPress={async () => {
+            const acc = await exportAccount.mutateAsync({
+              name: data.name,
+              format: AccountFormat.Mnemonic,
+            });
+            console.log(acc);
+          }}
+          title="Mnemonic Phrase"
+        />
+        <Button
+          onPress={async () => {
+            const acc = await exportAccount.mutateAsync({
+              name: data.name,
+              format: AccountFormat.Base64Json,
+            });
+            console.log(acc);
+          }}
+          title="Encoded Key"
+        />
+        <Button
+          onPress={async () => {
+            const acc = await exportAccount.mutateAsync({
+              name: data.name,
+              format: AccountFormat.SpendingKey,
+            });
+            console.log(acc);
+          }}
+          title="Spending Key"
+        />
       </View>
       <StatusBar style="auto" />
     </View>