supporting delete self

app/mobile/src/api/removeProfile.js

@@ -0,0 +1,7 @@
+import { checkResponse, fetchWithTimeout } from './fetchUtil';
+
+export async function removeProfile(server, token) {
+  let profile = await fetchWithTimeout(`https://${server}/profile?agent=${token}`, { method: 'DELETE' });
+  checkResponse(profile)
+}
+

app/mobile/src/context/useAppContext.hook.js

@@ -1,6 +1,7 @@
 import { useEffect, useState, useRef, useContext } from 'react';
 import { getAvailable } from 'api/getAvailable';
 import { setLogin } from 'api/setLogin';
+import { removeProfile } from 'api/removeProfile';
 import { setAccountAccess } from 'api/setAccountAccess';
 import { addAccount } from 'api/addAccount';
 import { getUsername } from 'api/getUsername';
@@ -48,7 +49,8 @@ export function useAppContext() {
     await profile.actions.setSession(access);
     await card.actions.setSession(access);
     await channel.actions.setSession(access);
-    updateState({ session: true, loginTimestamp: access.created });
+    updateState({ session: true, server: access.server, appToken: access.appToken,
+      loginTimestamp: access.created });
     setWebsocket(access.server, access.appToken);
   }
 
@@ -85,6 +87,11 @@ export function useAppContext() {
       await clearSession();
       await store.actions.clearSession();
     },
+    remove: async () => {
+      await removeProfile(state.server, state.appToken);
+      await clearSession();
+      await store.actions.clearSession();
+    },
   }
 
   const setWebsocket = (server, token) => {

app/mobile/src/dashboard/Dashboard.jsx

@@ -14,9 +14,6 @@ export function Dashboard(props) {
   const { config, server, token } = location.state;
   const { state, actions } = useDashboard(config, server, token); 
 
-console.log(state.createToken);
-console.log(state.accessToken);
-
   const saveConfig = async () => {
     try {
       await actions.saveConfig();

app/mobile/src/session/profile/Profile.jsx

@@ -65,6 +65,21 @@ export function Profile() {
     }
   }
 
+  const remove = async () => {
+    Alert.alert(
+      "Deleting Account",
+      "Confirm?",
+      [
+        { text: "Cancel",
+          onPress: () => {},
+        },
+        { text: "Delete", onPress: () => {
+          actions.remove();
+        }}
+      ]
+    );
+  }
+
   const logout = async () => {
     Alert.alert(
       "Logging Out",
@@ -172,6 +187,10 @@ export function Profile() {
           <Ionicons name="logout" size={14} color={Colors.white} />
           <Text style={styles.logoutText}>Logout</Text>
         </TouchableOpacity>
+        <TouchableOpacity style={styles.delete} onPress={remove}>
+          <Ionicons name="delete" size={14} color={Colors.white} />
+          <Text style={styles.deleteText}>Delete</Text>
+        </TouchableOpacity>
       </View>
     );
   };

app/mobile/src/session/profile/Profile.styled.js

@@ -136,6 +136,22 @@ export const styles = StyleSheet.create({
     color: Colors.white,
     paddingLeft: 8,
   },
+  delete: {
+    marginTop: 32,
+    borderRadius: 4,
+    backgroundColor: Colors.error,
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+  },
+  deleteText: {
+    color: Colors.white,
+    paddingLeft: 8,
+  },
   switch: {
     false: Colors.grey,
     true: Colors.background,

app/mobile/src/session/profile/useProfile.hook.js

@@ -76,6 +76,10 @@ export function useProfile() {
       app.actions.logout();
       navigate('/');
     },
+    remove: async () => {
+      await app.actions.remove();
+      navigate('/');
+    },
     setVisible: async (searchable) => {
       updateState({ searchable });
       await account.actions.setSearchable(searchable);