feat: show consents in project card

Author: sifferhans

frontend/app/api/generated.ts

@@ -2499,7 +2499,7 @@ export type ChallengesPageQuery = { __typename?: 'Query', myCurrentProject: { __
 export type ProfilePageQueryVariables = Exact<{ [key: string]: never; }>;
 
 
-export type ProfilePageQuery = { __typename?: 'Query', me: { __typename?: 'User', id: string, name: string, consentStatus: { __typename?: 'ConsentStatus', pendingConsents: Array<{ __typename: 'Consent', id: string, key: string, version: number, title: string, managementType: ConsentManagementType, body: { __typename?: 'MarkdownText', html: string } }> } }, myCurrentProject: { __typename?: 'Project', id: string, name: string, achievements: Array<
+export type ProfilePageQuery = { __typename?: 'Query', me: { __typename?: 'User', id: string, name: string, consentStatus: { __typename?: 'ConsentStatus', pendingConsents: Array<{ __typename: 'Consent', id: string, key: string, version: number, title: string, managementType: ConsentManagementType, managedBy?: string | null, body: { __typename?: 'MarkdownText', html: string } }> } }, myCurrentProject: { __typename?: 'Project', id: string, name: string, achievements: Array<
       | { __typename?: 'ListeningAchievement', id: string, name: string, description: string, image?: string | null, hidden: boolean, achievedAt?: any | null, points: number }
       | { __typename?: 'QuizAchievement', id: string, name: string, description: string, image?: string | null, hidden: boolean, achievedAt?: any | null, points: number }
       | { __typename?: 'ReadingAchievement', id: string, name: string, description: string, image?: string | null, hidden: boolean, achievedAt?: any | null, points: number }
@@ -3218,6 +3218,7 @@ export const ProfilePageDocument = gql`
           html
         }
         managementType
+        managedBy
       }
     }
   }

frontend/app/components/profile/ProfileProjectCard.vue

@@ -34,6 +34,7 @@ defineProps<{
         </ProfileGetPoints>
       </div>
     </div>
+    <slot />
     <div class="p-medium gap-medium grid grid-cols-4">
       <AchievementBadge
         v-for="achievement in achievements"

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

@@ -13,6 +13,7 @@ query ProfilePage {
           html
         }
         managementType
+        managedBy
       }
     }
   }

frontend/app/pages/index.vue

@@ -29,14 +29,24 @@ watch(
     <LoadingState v-if="fetching" />
     <ErrorState v-else-if="error" :error />
     <div v-else-if="data" class="space-y-list-section-gap">
-      <ConsentBanner v-if="showBanner" />
       <ProfileProjectCard
         v-if="data.myCurrentProject"
         :project-name="data.myCurrentProject.name"
         :score="data.myCurrentProject.leaderboard.me?.score"
         :rank="data.myCurrentProject.leaderboard.me?.rank"
         :achievements="data.myCurrentProject.achievements"
-      />
+      >
+        <div v-if="showBanner" class="p-small">
+          <ConsentCard
+            v-for="consent in data.me.consentStatus.pendingConsents.filter(
+              (c) => c.managementType === ConsentManagementType.Remote,
+            )"
+            :key="consent.id"
+            :consent
+            class="bg-background-indent!"
+          />
+        </div>
+      </ProfileProjectCard>
     </div>
   </PageLayout>
 </template>