feat: update team schema, update team query (#6294)

team appearance section

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

apps/web/pages/team/[slug].tsx

@@ -97,27 +97,32 @@ function TeamPage({ team }: TeamPageProps) {
         {!showMembers.isOn && team.eventTypes.length > 0 && (
           <div className="mx-auto max-w-3xl ">
             <EventTypes />
-            <div className="relative mt-12">
-              <div className="absolute inset-0 flex items-center" aria-hidden="true">
-                <div className="dark:border-darkgray-300 w-full border-t border-gray-200" />
-              </div>
-              <div className="relative flex justify-center">
-                <span className="dark:bg-darkgray-50 bg-gray-100 px-2 text-sm text-gray-500 dark:text-white">
-                  {t("or")}
-                </span>
-              </div>
-            </div>
 
-            <aside className="mt-8 flex justify-center text-center dark:text-white">
-              <Button
-                color="minimal"
-                EndIcon={Icon.FiArrowRight}
-                className="dark:hover:bg-darkgray-200"
-                href={`/team/${team.slug}?members=1`}
-                shallow={true}>
-                {t("book_a_team_member")}
-              </Button>
-            </aside>
+            {!team.hideBookATeamMember && (
+              <div>
+                <div className="relative mt-12">
+                  <div className="absolute inset-0 flex items-center" aria-hidden="true">
+                    <div className="dark:border-darkgray-300 w-full border-t border-gray-200" />
+                  </div>
+                  <div className="relative flex justify-center">
+                    <span className="dark:bg-darkgray-50 bg-gray-100 px-2 text-sm text-gray-500 dark:text-white">
+                      {t("or")}
+                    </span>
+                  </div>
+                </div>
+
+                <aside className="mt-8 flex justify-center text-center dark:text-white">
+                  <Button
+                    color="minimal"
+                    EndIcon={Icon.FiArrowRight}
+                    className="dark:hover:bg-darkgray-200"
+                    href={`/team/${team.slug}?members=1`}
+                    shallow={true}>
+                    {t("book_a_team_member")}
+                  </Button>
+                </aside>
+              </div>
+            )}
           </div>
         )}
       </main>

apps/web/public/static/locales/en/common.json

@@ -521,6 +521,8 @@
   "change_member_role": "Change team member role",
   "disable_cal_branding": "Disable {{appName}} branding",
   "disable_cal_branding_description": "Hide all {{appName}} branding from your public pages.",
+  "hide_book_a_team_member": "Hide Book a Team Member Button",
+  "hide_book_a_team_member_description": "Hide Book a Team Member Button from your public pages.",
   "danger_zone": "Danger zone",
   "back": "Back",
   "cancel": "Cancel",

packages/features/ee/teams/pages/team-appearance-view.tsx

@@ -11,6 +11,7 @@ import { getLayout } from "../../../settings/layouts/SettingsLayout";
 
 interface TeamAppearanceValues {
   hideBranding: boolean;
+  hideBookATeamMember: boolean;
 }
 
 const ProfileView = () => {
@@ -52,32 +53,61 @@ const ProfileView = () => {
               form={form}
               handleSubmit={(values) => {
                 if (team) {
-                  mutation.mutate({ id: team.id, hideBranding: values.hideBranding });
+                  mutation.mutate({
+                    id: team.id,
+                    hideBranding: values.hideBranding,
+                    hideBookATeamMember: values.hideBookATeamMember,
+                  });
                 }
               }}>
-              <div className="relative flex items-start">
-                <div className="flex-grow text-sm">
-                  <label htmlFor="hide-branding" className="font-medium text-gray-700">
-                    {t("disable_cal_branding", { appName: APP_NAME })}
-                  </label>
-                  <p className="text-gray-500">
-                    {t("team_disable_cal_branding_description", { appName: APP_NAME })}
-                  </p>
+              <div className="flex flex-col gap-8">
+                <div className="relative flex items-start">
+                  <div className="flex-grow text-sm">
+                    <label htmlFor="hide-branding" className="font-medium text-gray-700">
+                      {t("disable_cal_branding", { appName: APP_NAME })}
+                    </label>
+                    <p className="text-gray-500">
+                      {t("team_disable_cal_branding_description", { appName: APP_NAME })}
+                    </p>
+                  </div>
+                  <div className="flex-none">
+                    <Controller
+                      control={form.control}
+                      defaultValue={team?.hideBranding ?? false}
+                      name="hideBranding"
+                      render={({ field }) => (
+                        <Switch
+                          defaultChecked={field.value}
+                          onCheckedChange={(isChecked) => {
+                            form.setValue("hideBranding", isChecked);
+                          }}
+                        />
+                      )}
+                    />
+                  </div>
                 </div>
-                <div className="flex-none">
-                  <Controller
-                    control={form.control}
-                    defaultValue={team?.hideBranding ?? false}
-                    name="hideBranding"
-                    render={({ field }) => (
-                      <Switch
-                        defaultChecked={field.value}
-                        onCheckedChange={(isChecked) => {
-                          form.setValue("hideBranding", isChecked);
-                        }}
-                      />
-                    )}
-                  />
+                <div className="relative flex items-start">
+                  <div className="flex-grow text-sm">
+                    <label htmlFor="hide-branding" className="font-medium text-gray-700">
+                      {t("hide_book_a_team_member")}
+                    </label>
+                    <p className="text-gray-500">{t("hide_book_a_team_member_description")}</p>
+                  </div>
+                  <div className="flex-none">
+                    <Controller
+                      control={form.control}
+                      defaultValue={team?.hideBookATeamMember ?? false}
+                      name="hideBookATeamMember"
+                      render={({ field }) => (
+                        <Switch
+                          defaultChecked={field.value}
+                          onCheckedChange={(isChecked) => {
+                            form.setValue("hideBookATeamMember", isChecked);
+                          }}
+                        />
+                      )}
+                    />
+                  </div>
                 </div>
               </div>
               <Button color="primary" className="mt-8" type="submit" loading={mutation.isLoading}>

packages/lib/server/queries/teams/index.ts

@@ -21,6 +21,7 @@ export async function getTeamWithMembers(id?: number, slug?: string, userId?: nu
     logo: true,
     bio: true,
     hideBranding: true,
+    hideBookATeamMember: true,
     metadata: true,
     members: {
       select: {

packages/prisma/migrations/20230105203125_add_hide_book_a_team_member/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Team" ADD COLUMN     "hideBookATeamMember" BOOLEAN NOT NULL DEFAULT false;

packages/prisma/schema.prisma

@@ -192,19 +192,20 @@ model User {
 }
 
 model Team {
-  id           Int          @id @default(autoincrement())
+  id                  Int          @id @default(autoincrement())
   /// @zod.min(1)
-  name         String
+  name                String
   /// @zod.min(1)
-  slug         String?      @unique
-  logo         String?
-  bio          String?
-  hideBranding Boolean      @default(false)
-  members      Membership[]
-  eventTypes   EventType[]
-  createdAt    DateTime     @default(now())
+  slug                String?      @unique
+  logo                String?
+  bio                 String?
+  hideBranding        Boolean      @default(false)
+  hideBookATeamMember Boolean      @default(false)
+  members             Membership[]
+  eventTypes          EventType[]
+  createdAt           DateTime     @default(now())
   /// @zod.custom(imports.teamMetadataSchema)
-  metadata     Json?
+  metadata            Json?
 }
 
 enum MembershipRole {

packages/trpc/server/routers/viewer/teams.tsx

@@ -123,6 +123,7 @@ export const viewerTeamsRouter = router({
         logo: z.string().optional(),
         slug: z.string().optional(),
         hideBranding: z.boolean().optional(),
+        hideBookATeamMember: z.boolean().optional(),
       })
     )
     .mutation(async ({ ctx, input }) => {
@@ -150,6 +151,7 @@ export const viewerTeamsRouter = router({
         logo: input.logo,
         bio: input.bio,
         hideBranding: input.hideBranding,
+        hideBookATeamMember: input.hideBookATeamMember,
       };
 
       if (