From 81bfbb2072d8865e3ba4e2f29eca187812f50cfa Mon Sep 17 00:00:00 2001
From: Jonas Plum <cugu@users.noreply.github.com>
Date: Sat, 20 Jul 2024 08:51:14 +0200
Subject: [PATCH] fix: redirect to login (#1082)

---
 Makefile                                   |   2 +-
 reaction/action/webhook/webhook_test.go    |   3 +
 ui/src/components/sidebar/UserDropDown.vue | 116 +++++++++++----------
 3 files changed, 63 insertions(+), 58 deletions(-)

diff --git a/Makefile b/Makefile
index a2d2038..3881103 100644
--- a/Makefile
+++ b/Makefile
@@ -29,7 +29,7 @@ test:
 .PHONY: test-coverage
 test-coverage:
 	@echo "Testing with coverage..."
-	go test -coverpkg=./... -coverprofile=coverage.out ./...
+	go test -coverpkg=./... -coverprofile=coverage.out -count 1 ./...
 	go tool cover -func=coverage.out
 	go tool cover -html=coverage.out
 
diff --git a/reaction/action/webhook/webhook_test.go b/reaction/action/webhook/webhook_test.go
index e831f3f..eea1087 100644
--- a/reaction/action/webhook/webhook_test.go
+++ b/reaction/action/webhook/webhook_test.go
@@ -5,6 +5,7 @@ import (
 	"encoding/json"
 	"net/http"
 	"testing"
+	"time"
 
 	"github.com/stretchr/testify/assert"
 	"github.com/stretchr/testify/require"
@@ -19,6 +20,8 @@ func TestWebhook_Run(t *testing.T) {
 
 	go http.ListenAndServe("127.0.0.1:12347", server) //nolint:gosec,errcheck
 
+	time.Sleep(1 * time.Second)
+
 	type fields struct {
 		Headers map[string]string
 		URL     string
diff --git a/ui/src/components/sidebar/UserDropDown.vue b/ui/src/components/sidebar/UserDropDown.vue
index f16b327..b8913e7 100644
--- a/ui/src/components/sidebar/UserDropDown.vue
+++ b/ui/src/components/sidebar/UserDropDown.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import TanView from '@/components/TanView.vue'
 import { Button, buttonVariants } from '@/components/ui/button'
 import {
   DropdownMenu,
@@ -13,7 +12,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip
 
 import { CircleUser } from 'lucide-vue-next'
 
-import { useQuery } from '@tanstack/vue-query'
+import type { AuthModel } from 'pocketbase'
+import { onMounted, ref } from 'vue'
 
 import { pb } from '@/lib/pocketbase'
 import { cn } from '@/lib/utils'
@@ -24,69 +24,71 @@ defineProps<{
 
 const variant = 'secondary'
 
-const {
-  isPending,
-  isError,
-  data: user,
-  error
-} = useQuery({
-  queryKey: ['user'],
-  queryFn: () => pb.authStore.model
-})
+interface User {
+  name: string
+}
+
+const user = ref<AuthModel | User>(pb.authStore.model)
 
 const logout = () => {
   pb.authStore.clear()
   window.location.href = '/ui/login'
 }
+
+onMounted(() => {
+  pb.collection('users')
+    .authRefresh()
+    .catch(() => {
+      pb.authStore.clear()
+      window.location.href = '/ui/login'
+    })
+})
 </script>
 
 <template>
-  <TanView :is-error="isError" :is-pending="isPending" :error="error" :value="user">
-    <div class="group flex flex-col gap-4 py-2 data-[collapsed=true]:py-2">
-      <nav
-        class="grid gap-1 px-2 group-[[data-collapsed=true]]:justify-center group-[[data-collapsed=true]]:px-2"
-      >
-        <DropdownMenu>
-          <DropdownMenuTrigger as-child>
-            <div>
-              <Tooltip v-if="isCollapsed" :delay-duration="0">
-                <TooltipTrigger as-child>
-                  <Button
-                    :class="
-                      cn(buttonVariants({ variant: variant, size: 'icon' }), 'mx-1 h-9 w-9 px-0')
-                    "
-                  >
-                    <CircleUser class="size-4" />
-                    <span class="sr-only">{{ user.name }}</span>
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent side="right" class="flex items-center gap-4">
-                  {{ user.name }}
-                </TooltipContent>
-              </Tooltip>
-              <Button
-                v-else
-                :class="
-                  cn(buttonVariants({ variant: variant, size: 'sm' }), 'w-full justify-start')
-                "
-              >
-                <CircleUser class="mr-2 size-4" />
+  <div class="group flex flex-col gap-4 py-2 data-[collapsed=true]:py-2">
+    <nav
+      v-if="user"
+      class="grid gap-1 px-2 group-[[data-collapsed=true]]:justify-center group-[[data-collapsed=true]]:px-2"
+    >
+      <DropdownMenu>
+        <DropdownMenuTrigger as-child>
+          <div>
+            <Tooltip v-if="isCollapsed" :delay-duration="0">
+              <TooltipTrigger as-child>
+                <Button
+                  :class="
+                    cn(buttonVariants({ variant: variant, size: 'icon' }), 'mx-1 h-9 w-9 px-0')
+                  "
+                >
+                  <CircleUser class="size-4" />
+                  <span class="sr-only">{{ user.name }}</span>
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side="right" class="flex items-center gap-4">
                 {{ user.name }}
-              </Button>
-            </div>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent>
-            <DropdownMenuLabel>Account</DropdownMenuLabel>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem
-              @click="logout"
-              class="cursor-pointer text-muted-foreground transition-colors hover:text-foreground"
+              </TooltipContent>
+            </Tooltip>
+            <Button
+              v-else
+              :class="cn(buttonVariants({ variant: variant, size: 'sm' }), 'w-full justify-start')"
             >
-              Logout
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </nav>
-    </div>
-  </TanView>
+              <CircleUser class="mr-2 size-4" />
+              {{ user.name }}
+            </Button>
+          </div>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent>
+          <DropdownMenuLabel>Account</DropdownMenuLabel>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem
+            @click="logout"
+            class="cursor-pointer text-muted-foreground transition-colors hover:text-foreground"
+          >
+            Logout
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </nav>
+  </div>
 </template>