diff --git a/app/assets/icons/switch.svg b/app/assets/icons/switch.svg
index 00fb3654d0..fb03478a4b 100644
--- a/app/assets/icons/switch.svg
+++ b/app/assets/icons/switch.svg
@@ -1 +1,3 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(0)" stroke="#fc5805"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M17 4V20M17 20L13 16M17 20L21 16M7 20V4M7 4L3 8M7 4L11 8" stroke="#fc5805" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
\ No newline at end of file
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(0)">
+<path d="M17 4V20M17 20L13 16M17 20L21 16M7 20V4M7 4L3 8M7 4L11 8" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
+</svg>
\ No newline at end of file
diff --git a/app/graphql/client.tsx b/app/graphql/client.tsx
index e5c740b987..c152c9d981 100644
--- a/app/graphql/client.tsx
+++ b/app/graphql/client.tsx
@@ -199,15 +199,15 @@ const GaloyClient: React.FC<PropsWithChildren> = ({ children }) => {
       if (token) {
         authLink = setContext((request, { headers }) => ({
           headers: {
-            ...headers,
             authorization: getAuthorizationHeader(token),
+            ...headers,
           },
         }))
       } else {
         authLink = setContext((request, { headers }) => ({
           headers: {
-            ...headers,
             authorization: "",
+            ...headers,
           },
         }))
       }
diff --git a/app/graphql/generated.gql b/app/graphql/generated.gql
index d4fe7b3887..2a7648aca0 100644
--- a/app/graphql/generated.gql
+++ b/app/graphql/generated.gql
@@ -1644,6 +1644,13 @@ query transactionListForDefaultAccount($first: Int, $after: String, $last: Int,
   }
 }
 
+query username {
+  me {
+    username
+    __typename
+  }
+}
+
 query walletOverviewScreen {
   me {
     id
diff --git a/app/graphql/generated.ts b/app/graphql/generated.ts
index 98df38bb12..25c05cbfe6 100644
--- a/app/graphql/generated.ts
+++ b/app/graphql/generated.ts
@@ -2990,6 +2990,11 @@ export type OnChainUsdPaymentSendAsBtcDenominatedMutationVariables = Exact<{
 
 export type OnChainUsdPaymentSendAsBtcDenominatedMutation = { readonly __typename: 'Mutation', readonly onChainUsdPaymentSendAsBtcDenominated: { readonly __typename: 'PaymentSendPayload', readonly status?: PaymentSendResult | null, readonly errors: ReadonlyArray<{ readonly __typename: 'GraphQLApplicationError', readonly message: string }> } };
 
+export type UsernameQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type UsernameQuery = { readonly __typename: 'Query', readonly me?: { readonly __typename: 'User', readonly username?: string | null } | null };
+
 export type AccountDeleteMutationVariables = Exact<{ [key: string]: never; }>;
 
 
@@ -6748,6 +6753,45 @@ export function useOnChainUsdPaymentSendAsBtcDenominatedMutation(baseOptions?: A
 export type OnChainUsdPaymentSendAsBtcDenominatedMutationHookResult = ReturnType<typeof useOnChainUsdPaymentSendAsBtcDenominatedMutation>;
 export type OnChainUsdPaymentSendAsBtcDenominatedMutationResult = Apollo.MutationResult<OnChainUsdPaymentSendAsBtcDenominatedMutation>;
 export type OnChainUsdPaymentSendAsBtcDenominatedMutationOptions = Apollo.BaseMutationOptions<OnChainUsdPaymentSendAsBtcDenominatedMutation, OnChainUsdPaymentSendAsBtcDenominatedMutationVariables>;
+export const UsernameDocument = gql`
+    query username {
+  me {
+    username
+  }
+}
+    `;
+
+/**
+ * __useUsernameQuery__
+ *
+ * To run a query within a React component, call `useUsernameQuery` and pass it any options that fit your needs.
+ * When your component renders, `useUsernameQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useUsernameQuery({
+ *   variables: {
+ *   },
+ * });
+ */
+export function useUsernameQuery(baseOptions?: Apollo.QueryHookOptions<UsernameQuery, UsernameQueryVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<UsernameQuery, UsernameQueryVariables>(UsernameDocument, options);
+      }
+export function useUsernameLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<UsernameQuery, UsernameQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<UsernameQuery, UsernameQueryVariables>(UsernameDocument, options);
+        }
+export function useUsernameSuspenseQuery(baseOptions?: Apollo.SuspenseQueryHookOptions<UsernameQuery, UsernameQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useSuspenseQuery<UsernameQuery, UsernameQueryVariables>(UsernameDocument, options);
+        }
+export type UsernameQueryHookResult = ReturnType<typeof useUsernameQuery>;
+export type UsernameLazyQueryHookResult = ReturnType<typeof useUsernameLazyQuery>;
+export type UsernameSuspenseQueryHookResult = ReturnType<typeof useUsernameSuspenseQuery>;
+export type UsernameQueryResult = Apollo.QueryResult<UsernameQuery, UsernameQueryVariables>;
 export const AccountDeleteDocument = gql`
     mutation accountDelete {
   accountDelete {
diff --git a/app/i18n/en/index.ts b/app/i18n/en/index.ts
index fc653fcc5f..d6a4d9f5c4 100644
--- a/app/i18n/en/index.ts
+++ b/app/i18n/en/index.ts
@@ -2427,6 +2427,7 @@ const en: BaseTranslation = {
   ProfileScreen: {
     addNew : "Add new",
     logout: "Logout",
+    error: "Unable to fetch profiles at this time",
   },
   TotpRegistrationInitiateScreen: {
     title: "Two-factor authentication",
diff --git a/app/i18n/i18n-types.ts b/app/i18n/i18n-types.ts
index 2a9520454e..e4f6508db4 100644
--- a/app/i18n/i18n-types.ts
+++ b/app/i18n/i18n-types.ts
@@ -7591,6 +7591,10 @@ type RootTranslation = {
 		 * L​o​g​o​u​t
 		 */
 		logout: string
+		/**
+		 * U​n​a​b​l​e​ ​t​o​ ​f​e​t​c​h​ ​p​r​o​f​i​l​e​s​ ​a​t​ ​t​h​i​s​ ​t​i​m​e
+		 */
+		error: string
 	}
 	TotpRegistrationInitiateScreen: {
 		/**
@@ -16614,6 +16618,10 @@ export type TranslationFunctions = {
 		 * Logout
 		 */
 		logout: () => LocalizedString
+		/**
+		 * Unable to fetch profiles at this time
+		 */
+		error: () => LocalizedString
 	}
 	TotpRegistrationInitiateScreen: {
 		/**
diff --git a/app/i18n/raw-i18n/source/en.json b/app/i18n/raw-i18n/source/en.json
index a1a652b31a..c8f31bc628 100644
--- a/app/i18n/raw-i18n/source/en.json
+++ b/app/i18n/raw-i18n/source/en.json
@@ -2345,7 +2345,8 @@
     },
     "ProfileScreen": {
         "addNew": "Add new",
-        "logout": "Logout"
+        "logout": "Logout",
+        "error": "Unable to fetch profiles at this time"
     },
     "TotpRegistrationInitiateScreen": {
         "title": "Two-factor authentication",
diff --git a/app/screens/settings-screen/account/banner.tsx b/app/screens/settings-screen/account/banner.tsx
index 138dd28ed4..8f4efb045b 100644
--- a/app/screens/settings-screen/account/banner.tsx
+++ b/app/screens/settings-screen/account/banner.tsx
@@ -53,12 +53,14 @@ export const AccountBanner = () => {
         <Text type="p2">
           {isUserLoggedIn ? usernameTitle : LL.SettingsScreen.logInOrCreateAccount()}
         </Text>
-        <TouchableOpacity style={styles.switch} onPress={handleSwitchPress}>
-          <GaloyIcon name="switch" size={20} />
-          <Text type="p2" style={{ color: colors.primary }}>
-            {LL.AccountScreen.switch()}
-          </Text>
-        </TouchableOpacity>
+        {isUserLoggedIn && (
+          <TouchableOpacity style={styles.switch} onPress={handleSwitchPress}>
+            <GaloyIcon name="switch" size={20} color={colors.primary} />
+            <Text type="p2" style={{ color: colors.primary }}>
+              {LL.AccountScreen.switch()}
+            </Text>
+          </TouchableOpacity>
+        )}
       </View>
     </TouchableWithoutFeedback>
   )
diff --git a/app/screens/settings-screen/account/profile.tsx b/app/screens/settings-screen/account/profile.tsx
index 8e1d2d05d0..6c2cbe9ddd 100644
--- a/app/screens/settings-screen/account/profile.tsx
+++ b/app/screens/settings-screen/account/profile.tsx
@@ -2,36 +2,141 @@ import { ScrollView } from "react-native-gesture-handler"
 import { Screen } from "@app/components/screen"
 import { GaloyPrimaryButton } from "@app/components/atomic/galoy-primary-button"
 import { useI18nContext } from "@app/i18n/i18n-react"
-import { TouchableOpacity, View } from "react-native"
+import { ActivityIndicator, Button, TouchableOpacity, View } from "react-native"
 import { GaloyIcon } from "@app/components/atomic/galoy-icon"
-import { makeStyles, Text } from "@rneui/themed"
+import { makeStyles, Text, useTheme } from "@rneui/themed"
+import { usePersistentStateContext } from "@app/store/persistent-state"
+import { useNavigation } from "@react-navigation/native"
+import { StackNavigationProp } from "@react-navigation/stack"
+import { RootStackParamList } from "@app/navigation/stack-param-lists"
+import { useApolloClient, gql } from "@apollo/client"
+import { useUserLogoutMutation, useUsernameLazyQuery } from "@app/graphql/generated"
+import { useCallback, useEffect, useRef, useState } from "react"
+import messaging from "@react-native-firebase/messaging"
+import crashlytics from "@react-native-firebase/crashlytics"
+import { logLogout } from "@app/utils/analytics"
+import { PersistentState } from "@app/store/persistent-state/state-migrations"
+
+gql`
+  query username {
+    me {
+      username
+    }
+  }
+`
+
+type ProfileProps = {
+  username: string
+  token: string
+  selected?: boolean
+}
 
 export const ProfileScreen: React.FC = () => {
   const styles = useStyles()
+  const {
+    theme: { colors },
+  } = useTheme()
   const { LL } = useI18nContext()
+  const { persistentState } = usePersistentStateContext()
+  const navigation = useNavigation<StackNavigationProp<RootStackParamList>>()
+
+  const { galoyAuthToken: curToken, galoyAllAuthTokens: allTokens } = persistentState
+
+  const [profiles, setProfiles] = useState<ProfileProps[]>([])
+  const [fetchUsername, { error, refetch }] = useUsernameLazyQuery({
+    fetchPolicy: "no-cache",
+  })
+  const [loading, setLoading] = useState<boolean>(true)
+  const prevTokenRef = useRef<string>(persistentState.galoyAuthToken) // Previous token state
+
+  useEffect(() => {
+    const fetchUsernames = async () => {
+      setLoading(true)
+      const profiles: ProfileProps[] = []
+      let counter = 1
+      for (const token of allTokens) {
+        try {
+          const { data } = await fetchUsername({
+            context: {
+              headers: {
+                authorization: `Bearer ${token}`,
+              },
+            },
+          })
+          if (data && data.me) {
+            profiles.push({
+              username: data.me.username ? data.me.username : `Account ${counter++}`,
+              token,
+              selected: token === curToken,
+            })
+          }
+        } catch (err) {
+          console.error(`Failed to fetch username for token ${token}`, err)
+        }
+      }
+      setProfiles(profiles)
+      setLoading(false)
+    }
+    fetchUsernames()
+  }, [allTokens, fetchUsername, curToken])
+
+  useEffect(() => {
+    const unsubscribe = navigation.addListener("beforeRemove", (e) => {
+      if (loading) {
+        e.preventDefault()
+      }
+    })
+
+    return unsubscribe
+  }, [navigation, loading])
+
+  useEffect(() => {
+    if (prevTokenRef.current !== persistentState.galoyAuthToken) {
+      // Navigate back when token is updated and different from the previous token
+      navigation.goBack()
+    }
+    prevTokenRef.current = persistentState.galoyAuthToken // Update previous token
+  }, [persistentState.galoyAuthToken, navigation])
+
+  if (error) {
+    return (
+      <Screen>
+        <View style={styles.errorWrapper}>
+          <Text adjustsFontSizeToFit style={styles.errorText}>
+            {LL.ProfileScreen.error()}
+          </Text>
+          <Button
+            title="reload"
+            disabled={loading}
+            color={colors.error}
+            onPress={() => refetch()}
+          />
+        </View>
+      </Screen>
+    )
+  }
+
+  if (loading) {
+    return (
+      <Screen>
+        <View style={styles.loadingWrapper}>
+          <ActivityIndicator animating size="large" color={colors.primary} />
+        </View>
+      </Screen>
+    )
+  }
 
-  const data = [
-    {
-      username: "User 1",
-      selected: true,
-    },
-    {
-      username: "User 2",
-      selected: false,
-    },
-    {
-      username: "User 3",
-      selected: false,
-    },
-  ]
+  const handleAddNew = () => {
+    navigation.navigate("getStarted")
+  }
 
   return (
     <Screen keyboardShouldPersistTaps="handled">
       <ScrollView contentContainerStyle={styles.outer}>
-        {data.map((profile, index) => {
+        {profiles.map((profile, index) => {
           return <Profile key={index} {...profile} />
         })}
-        <GaloyPrimaryButton onPress={() => {}} containerStyle={styles.addNewButton}>
+        <GaloyPrimaryButton onPress={handleAddNew} containerStyle={styles.addNewButton}>
           <GaloyIcon name="user" size={30} style={styles.icon} />
           <Text>{LL.ProfileScreen.addNew()}</Text>
         </GaloyPrimaryButton>
@@ -40,15 +145,67 @@ export const ProfileScreen: React.FC = () => {
   )
 }
 
-const Profile: React.FC<{ username: string; selected?: boolean }> = ({
-  username,
-  selected,
-}) => {
+const Profile: React.FC<ProfileProps> = ({ username, token, selected }) => {
   const styles = useStyles()
   const { LL } = useI18nContext()
+  const navigation = useNavigation<StackNavigationProp<RootStackParamList>>()
+  const { persistentState, updateState } = usePersistentStateContext()
+  const client = useApolloClient()
+  const [userLogoutMutation] = useUserLogoutMutation({
+    fetchPolicy: "no-cache",
+  })
+  const oldToken = persistentState.galoyAuthToken
+
+  const logout = useCallback(async (): Promise<void> => {
+    try {
+      const deviceToken = await messaging().getToken()
+      logLogout()
+      await Promise.race([
+        userLogoutMutation({ variables: { input: { deviceToken } } }),
+        // Create a promise that rejects after 2 seconds
+        // this is handy for the case where the server is down, or in dev mode
+        new Promise((_, reject) => {
+          setTimeout(() => {
+            reject(new Error("Logout mutation timeout"))
+          }, 2000)
+        }),
+      ])
+    } catch (err: unknown) {
+      if (err instanceof Error) {
+        crashlytics().recordError(err)
+        console.debug({ err }, `error logout`)
+      }
+    }
+  }, [userLogoutMutation])
+
+  const handleLogout = async () => {
+    updateState((state) => {
+      if (state) {
+        return {
+          ...state,
+          galoyAllAuthTokens: state.galoyAllAuthTokens.filter((t) => t !== token),
+        }
+      }
+      return state
+    })
+    await logout()
+  }
+
+  const handleProfileSwitch = () => {
+    updateState((state) => {
+      if (state) {
+        return {
+          ...state,
+          galoyAuthToken: token,
+        }
+      }
+      return state
+    })
+    client.clearStore() // clear cache to load fresh data using new token
+  }
 
   return (
-    <TouchableOpacity>
+    <TouchableOpacity onPress={handleProfileSwitch}>
       <View style={styles.profile}>
         <View style={styles.iconContainer}>
           {selected && (
@@ -57,7 +214,7 @@ const Profile: React.FC<{ username: string; selected?: boolean }> = ({
         </View>
         <Text>{username}</Text>
         {!selected && (
-          <TouchableOpacity style={styles.logoutButton} onPress={() => {}}>
+          <TouchableOpacity style={styles.logoutButton} onPress={handleLogout}>
             <Text style={styles.logoutButtonText}>{LL.ProfileScreen.logout()}</Text>
           </TouchableOpacity>
         )}
@@ -114,4 +271,22 @@ const useStyles = makeStyles(({ colors }) => ({
     fontSize: 20,
     fontWeight: "bold",
   },
+  errorWrapper: {
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: "50%",
+    marginBottom: "50%",
+  },
+  errorText: {
+    color: colors.error,
+    fontWeight: "bold",
+    fontSize: 18,
+    marginBottom: 20,
+  },
+  loadingWrapper: {
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: "50%",
+    marginBottom: "50%",
+  },
 }))