From 50ea23766775a949e680fcd3173f43236b7ab803 Mon Sep 17 00:00:00 2001
From: Pascal Martineau <pascal@lewebsimple.ca>
Date: Tue, 16 Sep 2025 10:59:23 -0400
Subject: [PATCH] wip: UserSwitchButton

---
 .../ccat/app/components/auth/UserSwitchButton.vue   | 13 +++++++++++++
 .../ccat/app/components/site/SiteHeaderTop.vue      |  1 +
 2 files changed, 14 insertions(+)
 create mode 100644 wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue

diff --git a/wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue b/wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue
new file mode 100644
index 0000000..9bab27b
--- /dev/null
+++ b/wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+defineProps<{ userId: number }>();
+const { isUserSwitched, userSwitchBack, userSwitchTo } = useUserSwitching();
+</script>
+
+<template>
+  <UButton v-if="isUserSwitched" variant="outline" @click="userSwitchBack()">
+    Switch back
+  </UButton>
+  <UButton v-else @click="userSwitchTo(userId)">
+    Switch to
+  </UButton>
+</template>
diff --git a/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue b/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
index cd22b36..c9f0020 100644
--- a/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
+++ b/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
@@ -11,5 +11,6 @@ const showLabels = breakpoints.greaterOrEqual("sm");
     <UNavigationMenu :items="menuItems" variant="link" content-orientation="vertical" />
     <LoginLogoutButton :show-labels="showLabels" />
     <SignUpButton :show-labels="showLabels" />
+    <UserSwitchButton :user-id="2" />
   </UContainer>
 </template>