feat: added toggle for dynamic booking in general settings #9060 (#9077)

* added toggle for dynamic booking in general settings

* trigger GitHub actions

---------

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Co-authored-by: Alex van Andel <me@alexvanandel.com>
Co-authored-by: Bailey Pumfleet <bailey@pumfleet.co.uk>

apps/web/pages/settings/my-account/general.tsx

@@ -13,6 +13,7 @@ import {
   Label,
   Meta,
   Select,
+  SettingsToggle,
   showToast,
   SkeletonButton,
   SkeletonContainer,
@@ -120,6 +121,7 @@ const GeneralView = ({ localeProp, user }: GeneralViewProps) => {
         value: user.weekStart,
         label: nameOfDay(localeProp, user.weekStart === "Sunday" ? 0 : 1),
       },
+      allowDynamicBooking: user.allowDynamicBooking ?? true,
     },
   });
   const {
@@ -213,6 +215,22 @@ const GeneralView = ({ localeProp, user }: GeneralViewProps) => {
           </>
         )}
       />
+      <div className="mt-8">
+        <Controller
+          name="allowDynamicBooking"
+          control={formMethods.control}
+          render={() => (
+            <SettingsToggle
+              title={t("dynamic_booking")}
+              description={t("allow_dynamic_booking")}
+              checked={formMethods.getValues("allowDynamicBooking")}
+              onCheckedChange={(checked) => {
+                formMethods.setValue("allowDynamicBooking", checked, { shouldDirty: true });
+              }}
+            />
+          )}
+        />
+      </div>
       <Button disabled={isDisabled} color="primary" type="submit" className="mt-8">
         <>{t("update")}</>
       </Button>

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

@@ -365,6 +365,7 @@
   "user_dynamic_booking_disabled": "Some of the users in the group have currently disabled dynamic group bookings",
   "allow_dynamic_booking_tooltip": "Group booking links that can be created dynamically by adding multiple usernames with a '+'. example: '{{appName}}/bailey+peer'",
   "allow_dynamic_booking": "Allow attendees to book you through dynamic group bookings",
+  "dynamic_booking": "Dynamic group links",
   "email": "Email",
   "email_placeholder": "jdoe@example.com",
   "full_name": "Full name",

packages/trpc/server/middlewares/sessionMiddleware.ts

@@ -67,6 +67,7 @@ export async function getUserFromSession(ctx: TRPCContextInner, session: Maybe<S
       trialEndsAt: true,
       metadata: true,
       role: true,
+      allowDynamicBooking: true,
     },
   });
 

packages/trpc/server/routers/loggedInViewer/me.handler.ts

@@ -37,5 +37,6 @@ export const meHandler = async ({ ctx }: MeOptions) => {
     theme: user.theme,
     hideBranding: user.hideBranding,
     metadata: user.metadata,
+    allowDynamicBooking: user.allowDynamicBooking,
   };
 };