fix: hide unit page if not in a unit

Author: sifferhans

frontend/app/api/generated.ts

@@ -2542,9 +2542,9 @@ export type ChallengesPageQueryVariables = Exact<{ [key: string]: never; }>;
 
 
 export type ChallengesPageQuery = { __typename?: 'Query', myCurrentProject: { __typename?: 'Project', challenges: Array<
-      | { __typename?: 'ExternalChallenge', id: string, name: string, description: any, image?: string | null, buttonText: string, publishedAt?: any | null, endTime?: any | null, visibleAt?: any | null }
-      | { __typename?: 'QuizChallenge', id: string, name: string, description: any, image?: string | null, buttonText: string, publishedAt?: any | null, endTime?: any | null, visibleAt?: any | null }
-      | { __typename?: 'SimpleChallenge', id: string, name: string, description: any, image?: string | null, buttonText: string, publishedAt?: any | null, endTime?: any | null, visibleAt?: any | null }
+      | { __typename: 'ExternalChallenge', url: string, id: string, name: string, description: any, image?: string | null, buttonText: string, publishedAt?: any | null, endTime?: any | null, visibleAt?: any | null, userCompletedAt?: any | null }
+      | { __typename: 'QuizChallenge', id: string, name: string, description: any, image?: string | null, buttonText: string, publishedAt?: any | null, endTime?: any | null, visibleAt?: any | null, userCompletedAt?: any | null }
+      | { __typename: 'SimpleChallenge', allowSelfCompletion: boolean, id: string, name: string, description: any, image?: string | null, buttonText: string, publishedAt?: any | null, endTime?: any | null, visibleAt?: any | null, userCompletedAt?: any | null }
     > } };
 
 export type ProfilePageQueryVariables = Exact<{ [key: string]: never; }>;
@@ -2714,6 +2714,11 @@ export type AdminUsersPageQueryVariables = Exact<{
 
 export type AdminUsersPageQuery = { __typename?: 'Query', users: { __typename?: 'UserConnection', totalCount: number, pageInfo: { __typename?: 'PageInfo', hasNextPage: boolean, hasPreviousPage: boolean, startCursor?: string | null, endCursor?: string | null }, edges: Array<{ __typename?: 'UserEdge', cursor: string, node: { __typename?: 'User', id: string, name: string, email: string, image?: string | null, church: { __typename?: 'Church', name: string }, roles: Array<{ __typename?: 'UserRole', id: string, role: RoleType }> } }> } };
 
+export type StandingsPageQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type StandingsPageQuery = { __typename?: 'Query', myCurrentProject: { __typename?: 'Project', myTeam?: { __typename?: 'Team', id: string } | null } };
+
 
 export const ProjectRulesDocument = gql`
     query ProjectRules {
@@ -3273,6 +3278,7 @@ export const ChallengesPageDocument = gql`
     query ChallengesPage {
   myCurrentProject {
     challenges {
+      __typename
       id
       name
       description
@@ -3281,6 +3287,13 @@ export const ChallengesPageDocument = gql`
       publishedAt
       endTime
       visibleAt
+      userCompletedAt
+      ... on SimpleChallenge {
+        allowSelfCompletion
+      }
+      ... on ExternalChallenge {
+        url
+      }
     }
   }
 }
@@ -3997,4 +4010,17 @@ export const AdminUsersPageDocument = gql`
 
 export function useAdminUsersPageQuery(options?: Omit<Urql.UseQueryArgs<never, AdminUsersPageQueryVariables | undefined>, 'query'>) {
   return Urql.useQuery<AdminUsersPageQuery, AdminUsersPageQueryVariables | undefined>({ query: AdminUsersPageDocument, variables: undefined, ...options });
+};
+export const StandingsPageDocument = gql`
+    query StandingsPage {
+  myCurrentProject {
+    myTeam {
+      id
+    }
+  }
+}
+    `;
+
+export function useStandingsPageQuery(options?: Omit<Urql.UseQueryArgs<never, StandingsPageQueryVariables | undefined>, 'query'>) {
+  return Urql.useQuery<StandingsPageQuery, StandingsPageQueryVariables | undefined>({ query: StandingsPageDocument, variables: undefined, ...options });
 };

frontend/app/components/design/DesignTabs.vue

@@ -1,7 +1,11 @@
-<script setup lang="ts" generic="Tab extends { label: string; value: string }">
+<script
+  setup
+  lang="ts"
+  generic="Tab extends { label: string; value: string; enabled?: boolean }"
+>
 import { cva } from 'cva'
 
-withDefaults(
+const props = withDefaults(
   defineProps<{
     tabs: Tab[]
     variant?: 'primary' | 'secondary'
@@ -38,12 +42,16 @@ const buttonClasses = cva('text-accent-contrast relative grow', {
     },
   },
 })
+
+const enabledTabs = computed(() =>
+  props.tabs.filter((tab) => tab.enabled !== false),
+)
 </script>
 
 <template>
   <div :class="containerClasses({ variant })">
     <button
-      v-for="tab in tabs"
+      v-for="tab in enabledTabs"
       :key="tab.value"
       :class="buttonClasses({ variant, active: tab.value == modelValue })"
       @click="modelValue = tab.value"

frontend/app/graphql/queries/pages/challenges.gql

@@ -1,6 +1,7 @@
 query ChallengesPage {
   myCurrentProject {
     challenges {
+      __typename
       id
       name
       description
@@ -9,6 +10,13 @@ query ChallengesPage {
       publishedAt
       endTime
       visibleAt
+      userCompletedAt
+      ... on SimpleChallenge {
+        allowSelfCompletion
+      }
+      ... on ExternalChallenge {
+        url
+      }
     }
   }
 }

frontend/app/pages/standings.vue

@@ -13,6 +13,19 @@ const tab = computed({
     params.tab = newTab
   },
 })
+
+gql(`
+  query StandingsPage {
+    myCurrentProject {
+      myTeam {
+        id
+      }
+    }
+  }
+`)
+
+const { data } = await useStandingsPageQuery()
+const hasUnit = computed(() => Boolean(data.value?.myCurrentProject.myTeam?.id))
 </script>
 
 <template>
@@ -23,7 +36,7 @@ const tab = computed({
         :tabs="[
           { label: $t('standings.global'), value: 'global' },
           { label: $t('standings.local'), value: 'local' },
-          { label: $t('standings.unit'), value: 'unit' },
+          { label: $t('standings.unit'), value: 'unit', enabled: hasUnit },
         ]"
         class="mb-default -mt-list-outside"
       />