fix: don't show tool-tip when negative or zero recurring events (#9612)

Co-authored-by: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Co-authored-by: alannnc <alannnc@gmail.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>

apps/web/components/booking/pages/BookingPage.tsx

@@ -561,7 +561,7 @@ const BookingPage = ({
                         recurringStrings.slice(0, 5).map((timeFormatted, key) => {
                           return <p key={key}>{timeFormatted}</p>;
                         })}
-                      {!rescheduleUid && eventType.recurringEvent?.freq && recurringStrings.length > 5 && (
+                      {!rescheduleUid && eventType?.recurringEvent?.freq && recurringStrings.length > 5 && (
                         <div className="flex">
                           <Tooltip
                             content={recurringStrings.slice(5).map((timeFormatted, key) => (

packages/features/bookings/components/event-meta/Occurences.tsx

@@ -44,12 +44,14 @@ export const EventOccurences = ({ event }: { event: PublicEvent }) => {
         {recurringStrings.slice(0, 5).map((timeFormatted, key) => (
           <p key={key}>{timeFormatted}</p>
         ))}
-        <Tooltip
+        {recurringStrings.length > 5 && (
+          <Tooltip
           content={recurringStrings.slice(5).map((timeFormatted, key) => (
             <p key={key}>{timeFormatted}</p>
           ))}>
           <p className=" text-sm">+ {t("plus_more", { count: recurringStrings.length - 5 })}</p>
         </Tooltip>
+        )}
       </>
     );
   }