hotfix ambiguous cancel dialog (#2001)

apps/web/pages/cancel/[uid].tsx

@@ -100,8 +100,10 @@ export default function Type(props: inferSSRProps<typeof getServerSideProps>) {
                           className="mb-5 sm:mb-6"
                         />
                         <div className="space-x-2 text-center rtl:space-x-reverse">
+                          <Button color="secondary" onClick={() => router.push("/reschedule/" + uid)}>
+                            {t("reschedule_this")}
+                          </Button>
                           <Button
-                            color="secondary"
                             data-testid="cancel"
                             onClick={async () => {
                               setLoading(true);
@@ -141,9 +143,8 @@ export default function Type(props: inferSSRProps<typeof getServerSideProps>) {
                               }
                             }}
                             loading={loading}>
-                            {t("cancel")}
+                            {t("cancel_event")}
                           </Button>
-                          <Button onClick={() => router.push("/reschedule/" + uid)}>{t("reschedule")}</Button>
                         </div>
                       </div>
                     )}

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

@@ -402,6 +402,7 @@
   "phone_number": "Phone Number",
   "enter_phone_number": "Enter phone number",
   "reschedule": "Reschedule",
+  "reschedule_this": "Reschedule instead",
   "book_a_team_member": "Book a team member instead",
   "or": "OR",
   "go_back": "Go back",
@@ -435,6 +436,7 @@
   "danger_zone": "Danger Zone",
   "back": "Back",
   "cancel": "Cancel",
+  "cancel_event": "Cancel this event",
   "continue": "Continue",
   "confirm": "Confirm",
   "disband_team": "Disband Team",