From b582c352f3443e40a3e76ca2857afc213295408b Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peer@cal.com>
Date: Wed, 20 Nov 2024 14:41:18 +0100
Subject: [PATCH 1/4] added insights badge to event-types

---
 .../eventtypes/components/EventTypeDescription.tsx       | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/features/eventtypes/components/EventTypeDescription.tsx b/packages/features/eventtypes/components/EventTypeDescription.tsx
index b2ab67ca6f1d66..7e803be1eaa0e3 100644
--- a/packages/features/eventtypes/components/EventTypeDescription.tsx
+++ b/packages/features/eventtypes/components/EventTypeDescription.tsx
@@ -1,4 +1,5 @@
 import type { Prisma } from "@prisma/client";
+import Link from "next/link";
 import { useMemo } from "react";
 import type { z } from "zod";
 
@@ -70,6 +71,7 @@ export const EventTypeDescription = ({
               </Badge>
             </li>
           )}
+
           {eventType.schedulingType && eventType.schedulingType !== SchedulingType.MANAGED && (
             <li>
               <Badge variant="gray" startIcon="users">
@@ -128,6 +130,13 @@ export const EventTypeDescription = ({
               </Badge>
             </li>
           ) : null}
+          <li>
+            <Link href={`/insights?isAll=false&filter=event-type&eventTypeId=${eventType.id}`}>
+              <Badge variant="gray" startIcon="chart-bar">
+                {t("insights")}
+              </Badge>
+            </Link>
+          </li>
         </ul>
       </div>
     </>

From 53ef5c7dfd1f2dfc65dd60d75ab096d1373929c1 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peer@cal.com>
Date: Wed, 20 Nov 2024 14:41:50 +0100
Subject: [PATCH 2/4] added comment

---
 .../features/eventtypes/components/EventTypeDescription.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/features/eventtypes/components/EventTypeDescription.tsx b/packages/features/eventtypes/components/EventTypeDescription.tsx
index 7e803be1eaa0e3..8c0c39786e57bf 100644
--- a/packages/features/eventtypes/components/EventTypeDescription.tsx
+++ b/packages/features/eventtypes/components/EventTypeDescription.tsx
@@ -133,7 +133,7 @@ export const EventTypeDescription = ({
           <li>
             <Link href={`/insights?isAll=false&filter=event-type&eventTypeId=${eventType.id}`}>
               <Badge variant="gray" startIcon="chart-bar">
-                {t("insights")}
+                {t("insights")} {/* TODO: Instead of "Insights" lets show the number of bookings */}
               </Badge>
             </Link>
           </li>

From 9bf27ece116788fb762c2ad94eb649ae3d3eaff7 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peer@cal.com>
Date: Wed, 20 Nov 2024 14:46:40 +0100
Subject: [PATCH 3/4] added insights to event-types detail

---
 .../eventtypes/components/EventTypeLayout.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/packages/features/eventtypes/components/EventTypeLayout.tsx b/packages/features/eventtypes/components/EventTypeLayout.tsx
index 4b2a69f05f1231..5fa600d760d9e8 100644
--- a/packages/features/eventtypes/components/EventTypeLayout.tsx
+++ b/packages/features/eventtypes/components/EventTypeLayout.tsx
@@ -189,6 +189,16 @@ function EventTypeSingleLayout({
                 )}
               </>
             )}
+            <Tooltip content={t("insights")} side="bottom" sideOffset={4}>
+              <Button
+                color="secondary"
+                target="_blank"
+                variant="icon"
+                href={`/insights?isAll=false&filter=event-type&eventTypeId=${eventType.id}`}
+                rel="noreferrer"
+                StartIcon="chart-bar"
+              />
+            </Tooltip>
             {!isChildrenManagedEventType && allowDelete && (
               <Button
                 color="destructive"
@@ -231,6 +241,15 @@ function EventTypeSingleLayout({
                   {t("copy_link")}
                 </DropdownItem>
               </DropdownMenuItem>
+              <DropdownMenuItem className="focus:ring-muted">
+                <DropdownItem
+                  type="a"
+                  StartIcon="chart-bar"
+                  href={`/insights?isAll=false&filter=event-type&eventTypeId=${eventType.id}`}>
+                  {t("insights")}
+                </DropdownItem>
+              </DropdownMenuItem>
+
               {allowDelete && (
                 <DropdownMenuItem className="focus:ring-muted">
                   <DropdownItem

From 1fb838c02731609442a77887469a8e34f0ead661 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peer@cal.com>
Date: Wed, 20 Nov 2024 14:51:04 +0100
Subject: [PATCH 4/4] added new i18n tag for total bookings

---
 apps/web/public/static/locales/en/common.json                   | 1 +
 .../features/eventtypes/components/EventTypeDescription.tsx     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index f043c66a4b8019..f8ffd5a4a609d3 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -1942,6 +1942,7 @@
   "under_maintenance": "Down for maintenance",
   "under_maintenance_description": "The {{appName}} team are performing scheduled maintenance. If you have any questions, please contact support.",
   "event_type_seats": "{{numberOfSeats}} seats",
+  "event_type_insights": "{{numberOfBookings}} bookings",
   "booking_questions_title": "Booking questions",
   "booking_questions_description": "Customize the questions asked on the booking page",
   "add_a_booking_question": "Add a question",
diff --git a/packages/features/eventtypes/components/EventTypeDescription.tsx b/packages/features/eventtypes/components/EventTypeDescription.tsx
index 8c0c39786e57bf..b77fd2446b84ee 100644
--- a/packages/features/eventtypes/components/EventTypeDescription.tsx
+++ b/packages/features/eventtypes/components/EventTypeDescription.tsx
@@ -133,7 +133,7 @@ export const EventTypeDescription = ({
           <li>
             <Link href={`/insights?isAll=false&filter=event-type&eventTypeId=${eventType.id}`}>
               <Badge variant="gray" startIcon="chart-bar">
-                {t("insights")} {/* TODO: Instead of "Insights" lets show the number of bookings */}
+                <p>{t("event_type_insights", { numberOfBookings: 42 })} </p>
               </Badge>
             </Link>
           </li>