refactor(web): simplify calendar interaction states

Author: tyler-dane

packages/web/src/components/PlannerSidebar/PlannerSidebarActions/PlannerSidebarActions.tsx

@@ -3,7 +3,6 @@ import {
   CommandIcon,
   KeyboardIcon,
 } from "@phosphor-icons/react";
-import { getGoogleSyncStatus } from "@web/auth/google/hooks/useConnectGoogle/useConnectGoogle.util";
 import { useGoogleUiState } from "@web/auth/google/hooks/useConnectGoogle/useGoogleUiState";
 import { reloadLocation } from "@web/common/utils/browser/browser-navigation.util";
 import { useVersionCheck } from "@web/components/PlannerSidebar/PlannerSidebarActions/useVersionCheck";
@@ -27,7 +26,7 @@ export const PlannerSidebarActions = ({
   const { isUpdateAvailable } = useVersionCheck();
   const googleState = useGoogleUiState();
   const isCalendarSyncing =
-    getGoogleSyncStatus(googleState)?.variant === "syncing";
+    googleState === "IMPORTING" || googleState === "repairing";
 
   const handleUpdateReload = () => {
     reloadLocation();

packages/web/src/components/PlannerSidebar/UpNextCard/UpNextCard.tsx

@@ -39,7 +39,7 @@ export const UpNextCard: FC = () => {
       <button
         aria-label={`Up next: ${upNext.title}. ${countdown}.`}
         className="c-focus-ring group relative flex w-full min-w-0 flex-col gap-0.5 rounded border border-border-primary bg-bg-secondary px-2 py-1.5 text-left hover:brightness-110"
-        onClick={() => openEventDetails()}
+        onClick={() => openEventDetails("gridClick")}
         type="button"
       >
         <span className="pr-8 text-accent-primary text-xs">{countdown}</span>

packages/web/src/components/PlannerSidebar/UpNextCard/useUpNextEvent.ts

@@ -31,7 +31,7 @@ export function useUpNextEvent() {
     : undefined;
 
   const openEventDetails = useCallback(
-    (activity: "gridClick" | "keyboardEdit" = "gridClick") => {
+    (activity: "gridClick" | "keyboardEdit") => {
       if (!sourceEvent) return;
 
       const draft = editGridEventDraft(sourceEvent);