From 2cc3568c2c2edee75e7e422bdc62201dfd2d3338 Mon Sep 17 00:00:00 2001
From: Adinorio <j.alterdester@gmail.com>
Date: Sun, 4 May 2025 00:38:41 +0800
Subject: [PATCH 1/4] feat(calendar): show Google logo for events synced from
 Google Calendar

It displays the Google logo before the event title for Google-synced events. It can be changed to google calendar icon soon because currently, I am not sure how to add an image to be usable.
---
 .../ui/src/components/ui/legacy/calendar/EventCard.tsx    | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
index 451289c6bb..49c0b35538 100644
--- a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
@@ -1014,6 +1014,14 @@ export default function EventCard({ dates, event, level = 0 }: EventCardProps) {
                     aria-label="Event locked"
                   />
                 )}
+                {localEvent.google_event_id && (
+                  <img
+                    src="/media/google-logo.png"
+                    alt="Google Calendar"
+                    className="inline-block h-4 w-4 mr-1 align-text-bottom"
+                    title="Synced from Google Calendar"
+                  />
+                )}
                 <span className="min-w-0 overflow-hidden text-ellipsis">
                   {localEvent.title || 'Untitled event'}
                 </span>

From 32e709b0d88d30dc944cb38078c9d2a194db8fd8 Mon Sep 17 00:00:00 2001
From: Adinorio <156925721+Adinorio@users.noreply.github.com>
Date: Sat, 3 May 2025 16:41:14 +0000
Subject: [PATCH 2/4] style: apply prettier formatting

---
 packages/ui/src/components/ui/legacy/calendar/EventCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
index 49c0b35538..e96affabb4 100644
--- a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
@@ -1018,7 +1018,7 @@ export default function EventCard({ dates, event, level = 0 }: EventCardProps) {
                   <img
                     src="/media/google-logo.png"
                     alt="Google Calendar"
-                    className="inline-block h-4 w-4 mr-1 align-text-bottom"
+                    className="mr-1 inline-block h-4 w-4 align-text-bottom"
                     title="Synced from Google Calendar"
                   />
                 )}

From 52e981ab94df172d35e0e1fed2fda0fe0c64ecb8 Mon Sep 17 00:00:00 2001
From: Adinorio <j.alterdester@gmail.com>
Date: Sun, 4 May 2025 02:04:04 +0800
Subject: [PATCH 3/4] feat(calendar): add Google Calendar icon for synced
 events

- Add Google Calendar icon to event cards and all-day events
- Add Google Calendar indicator badge in event edit modal
- Implement robust conditional rendering with proper type checking
- Add responsive light/dark mode styling for better visibility
---
 apps/web/public/media/google-calendar-icon.png  | Bin 0 -> 10473 bytes
 .../ui/legacy/calendar/AllDayEventBar.tsx       |   9 +++++++++
 .../components/ui/legacy/calendar/EventCard.tsx |   7 ++++---
 .../ui/legacy/calendar/UnifiedEventModal.tsx    |  16 ++++++++++++++--
 4 files changed, 27 insertions(+), 5 deletions(-)
 create mode 100644 apps/web/public/media/google-calendar-icon.png

diff --git a/apps/web/public/media/google-calendar-icon.png b/apps/web/public/media/google-calendar-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f38e1883623e58166ede28d833c1ae3855318dd
GIT binary patch
literal 10473
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
L+)~G0v3c}ALOwPb

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx b/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx
index 5b088cd06d..ad8c7fce56 100644
--- a/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx
@@ -95,6 +95,15 @@ const AllDayEventBar = ({ dates }: { dates: Date[] }) => {
                     )}
                     onClick={() => openModal(event.id, 'all-day')}
                   >
+                    {typeof event.google_event_id === 'string' && event.google_event_id.trim() !== '' && (
+                      <img
+                        src="/media/google-calendar-icon.png"
+                        alt="Google Calendar"
+                        className="inline-block h-[1.25em] w-[1.25em] mr-1 align-middle opacity-80 dark:opacity-90"
+                        title="Synced from Google Calendar"
+                        data-testid="google-calendar-logo"
+                      />
+                    )}
                     {event.title}
                   </div>
                 );
diff --git a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
index 49c0b35538..3aecd09f9c 100644
--- a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
@@ -1014,12 +1014,13 @@ export default function EventCard({ dates, event, level = 0 }: EventCardProps) {
                     aria-label="Event locked"
                   />
                 )}
-                {localEvent.google_event_id && (
+                {typeof localEvent.google_event_id === 'string' && localEvent.google_event_id.trim() !== '' && (
                   <img
-                    src="/media/google-logo.png"
+                    src="/media/google-calendar-icon.png"
                     alt="Google Calendar"
-                    className="inline-block h-4 w-4 mr-1 align-text-bottom"
+                    className="inline-block h-[1.25em] w-[1.25em] mr-1 align-middle opacity-80 dark:opacity-90"
                     title="Synced from Google Calendar"
+                    data-testid="google-calendar-logo"
                   />
                 )}
                 <span className="min-w-0 overflow-hidden text-ellipsis">
diff --git a/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx b/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx
index dbc5463f88..1c7b96a2de 100644
--- a/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx
@@ -852,8 +852,20 @@ export function UnifiedEventModal() {
     <Dialog open={isModalOpen} onOpenChange={(open) => !open && closeModal()}>
       <DialogContent className="max-h-[90vh] max-w-3xl overflow-hidden p-0">
         <DialogHeader className="border-b px-6 pb-4 pt-6">
-          <DialogTitle className="text-xl font-semibold">
-            {isEditing ? 'Edit Event' : 'Create Event'}
+          <DialogTitle className="text-xl font-semibold flex items-center gap-2">
+            <span>{isEditing ? 'Edit Event' : 'Create Event'}</span>
+            {event.google_event_id && typeof event.google_event_id === 'string' && event.google_event_id.trim() !== '' && (
+              <div className="flex items-center gap-2 border rounded-md bg-blue-50 dark:bg-blue-950/30 px-3 py-1 text-sm ml-3">
+                <img
+                  src="/media/google-calendar-icon.png"
+                  alt="Google Calendar"
+                  className="inline-block h-[18px] w-[18px] align-middle"
+                  title="Synced from Google Calendar"
+                  data-testid="google-calendar-logo"
+                />
+                <span className="text-xs font-medium">Google Calendar</span>
+              </div>
+            )}
           </DialogTitle>
           <DialogDescription>
             {isEditing

From 69d9a5084c4c2b2945530f2e42d3c1aa10da4acf Mon Sep 17 00:00:00 2001
From: Adinorio <156925721+Adinorio@users.noreply.github.com>
Date: Sat, 3 May 2025 18:11:23 +0000
Subject: [PATCH 4/4] style: apply prettier formatting

---
 .../ui/legacy/calendar/AllDayEventBar.tsx     | 19 +++++++------
 .../ui/legacy/calendar/EventCard.tsx          | 19 +++++++------
 .../ui/legacy/calendar/UnifiedEventModal.tsx  | 28 ++++++++++---------
 3 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx b/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx
index ad8c7fce56..71c0ca01aa 100644
--- a/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx
@@ -95,15 +95,16 @@ const AllDayEventBar = ({ dates }: { dates: Date[] }) => {
                     )}
                     onClick={() => openModal(event.id, 'all-day')}
                   >
-                    {typeof event.google_event_id === 'string' && event.google_event_id.trim() !== '' && (
-                      <img
-                        src="/media/google-calendar-icon.png"
-                        alt="Google Calendar"
-                        className="inline-block h-[1.25em] w-[1.25em] mr-1 align-middle opacity-80 dark:opacity-90"
-                        title="Synced from Google Calendar"
-                        data-testid="google-calendar-logo"
-                      />
-                    )}
+                    {typeof event.google_event_id === 'string' &&
+                      event.google_event_id.trim() !== '' && (
+                        <img
+                          src="/media/google-calendar-icon.png"
+                          alt="Google Calendar"
+                          className="mr-1 inline-block h-[1.25em] w-[1.25em] align-middle opacity-80 dark:opacity-90"
+                          title="Synced from Google Calendar"
+                          data-testid="google-calendar-logo"
+                        />
+                      )}
                     {event.title}
                   </div>
                 );
diff --git a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
index 95370604ee..2f6af1f5b6 100644
--- a/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/EventCard.tsx
@@ -1014,15 +1014,16 @@ export default function EventCard({ dates, event, level = 0 }: EventCardProps) {
                     aria-label="Event locked"
                   />
                 )}
-                {typeof localEvent.google_event_id === 'string' && localEvent.google_event_id.trim() !== '' && (
-                  <img
-                    src="/media/google-calendar-icon.png"
-                    alt="Google Calendar"
-                    className="inline-block h-4 w-4 mr-1 align-text-bottom"
-                    title="Synced from Google Calendar"
-                    data-testid="google-calendar-logo"
-                  />
-                )}
+                {typeof localEvent.google_event_id === 'string' &&
+                  localEvent.google_event_id.trim() !== '' && (
+                    <img
+                      src="/media/google-calendar-icon.png"
+                      alt="Google Calendar"
+                      className="mr-1 inline-block h-4 w-4 align-text-bottom"
+                      title="Synced from Google Calendar"
+                      data-testid="google-calendar-logo"
+                    />
+                  )}
                 <span className="min-w-0 overflow-hidden text-ellipsis">
                   {localEvent.title || 'Untitled event'}
                 </span>
diff --git a/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx b/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx
index 1c7b96a2de..0ceeee37fa 100644
--- a/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx
+++ b/packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx
@@ -852,20 +852,22 @@ export function UnifiedEventModal() {
     <Dialog open={isModalOpen} onOpenChange={(open) => !open && closeModal()}>
       <DialogContent className="max-h-[90vh] max-w-3xl overflow-hidden p-0">
         <DialogHeader className="border-b px-6 pb-4 pt-6">
-          <DialogTitle className="text-xl font-semibold flex items-center gap-2">
+          <DialogTitle className="flex items-center gap-2 text-xl font-semibold">
             <span>{isEditing ? 'Edit Event' : 'Create Event'}</span>
-            {event.google_event_id && typeof event.google_event_id === 'string' && event.google_event_id.trim() !== '' && (
-              <div className="flex items-center gap-2 border rounded-md bg-blue-50 dark:bg-blue-950/30 px-3 py-1 text-sm ml-3">
-                <img
-                  src="/media/google-calendar-icon.png"
-                  alt="Google Calendar"
-                  className="inline-block h-[18px] w-[18px] align-middle"
-                  title="Synced from Google Calendar"
-                  data-testid="google-calendar-logo"
-                />
-                <span className="text-xs font-medium">Google Calendar</span>
-              </div>
-            )}
+            {event.google_event_id &&
+              typeof event.google_event_id === 'string' &&
+              event.google_event_id.trim() !== '' && (
+                <div className="ml-3 flex items-center gap-2 rounded-md border bg-blue-50 px-3 py-1 text-sm dark:bg-blue-950/30">
+                  <img
+                    src="/media/google-calendar-icon.png"
+                    alt="Google Calendar"
+                    className="inline-block h-[18px] w-[18px] align-middle"
+                    title="Synced from Google Calendar"
+                    data-testid="google-calendar-logo"
+                  />
+                  <span className="text-xs font-medium">Google Calendar</span>
+                </div>
+              )}
           </DialogTitle>
           <DialogDescription>
             {isEditing