bug: fix streamer permissions (#437)

Author: lukepolo

components/match/DemoPlaybackControls.vue

@@ -25,6 +25,7 @@ import {
   Trophy,
 } from "lucide-vue-next";
 import { useAuthStore } from "~/stores/AuthStore";
+import { e_player_roles_enum } from "~/generated/zeus";
 import CreateClipDialog from "~/components/clips/CreateClipDialog.vue";
 import { Button } from "~/components/ui/button";
 import { Kbd } from "~/components/ui/kbd";
@@ -50,9 +51,12 @@ import RoundSelector from "~/components/match/RoundSelector.vue";
 import SpectatorSlots from "~/components/stream-deck/SpectatorSlots.vue";
 import { resolveKeyToRealSlot } from "~/utilities/streamerSpecSlots";
 
-// API gates clip creation at verified_user; we only check "logged in"
-// on the client so any logged-in viewer sees the button.
-const canCreateClip = computed(() => !!useAuthStore().me?.steam_id);
+// API gates clip creation at streamer; mirror that on the client so a
+// non-streamer viewer (e.g. a plain-user organizer watching their own demo)
+// doesn't see a button the action would reject.
+const canCreateClip = computed(() =>
+  useAuthStore().isRoleAbove(e_player_roles_enum.streamer),
+);
 const showCreateClipDialog = ref(false);
 const dialogInitialMode = ref<"manual" | "auto">("auto");
 const editor = useClipEditor();

components/match/MatchActions.vue

@@ -175,7 +175,7 @@ import {
               {{ $t("match.actions.stop_live") }}
             </template>
           </DropdownMenuItem>
-          <Tooltip v-if="hasMatchDemos && !hasRegisteredGpu">
+          <Tooltip v-if="canCreateClips && !hasRegisteredGpu">
             <TooltipTrigger as-child>
               <DropdownMenuItem disabled>
                 {{ $t("match.actions.create_clips") }}
@@ -186,7 +186,7 @@ import {
             </TooltipContent>
           </Tooltip>
           <DropdownMenuItem
-            v-else-if="hasMatchDemos"
+            v-else-if="canCreateClips"
             @click="createClipsForMatch"
           >
             {{ $t("match.actions.create_clips") }}
@@ -887,6 +887,12 @@ export default {
         useAuthStore().isRoleAbove(e_player_roles_enum.administrator)
       );
     },
+    canCreateClips() {
+      return (
+        this.hasMatchDemos &&
+        useAuthStore().isRoleAbove(e_player_roles_enum.administrator)
+      );
+    },
     hasMinimumLineupPlayers() {
       return (
         this.match.lineup_1?.lineup_players.length >=