diff --git a/web/src/pages/groups/GroupDetailsPage.tsx b/web/src/pages/groups/GroupDetailsPage.tsx index 2d054cf..e7c4898 100644 --- a/web/src/pages/groups/GroupDetailsPage.tsx +++ b/web/src/pages/groups/GroupDetailsPage.tsx @@ -6,6 +6,7 @@ import { Crown, Hourglass, Inbox, + Mail, Pencil, Search, Shield, @@ -66,6 +67,7 @@ import { type DurationUnit, } from "@/lib/duration" import { fuzzyFilter } from "@/lib/fuzzy" +import { useGroupGoogleBinding } from "@/lib/google" import { SOURCE_LABEL, type Group, @@ -390,6 +392,7 @@ export default function GroupDetailsPage() { const discordBindingsQuery = useGroupDiscordBindings(id ?? "") const discordRolesQuery = useDiscordRoles() const conditionalBindingsQuery = useGroupConditionalBindings(id ?? "") + const googleBindingQuery = useGroupGoogleBinding(id ?? "") // Fetch ALL groups once so we can resolve required_group_ids → names for // the conditional-binding chips. Cheap query for typical org scale. const allGroupsQuery = useQuery({ @@ -839,6 +842,23 @@ export default function GroupDetailsPage() { )} + {googleBindingQuery.data && ( + + + Google Group + + + Members are mirrored into this Google Group. + + + + + {googleBindingQuery.data.google_group_email} + + + + )} + Metadata
+ Google Group +
+ Members are mirrored into this Google Group. +
Metadata