refactor: gemini reccomendations

Author: VNOsST

apps/web/src/app/[locale]/(marketing)/meet-together/plans/[planId]/account-badge.tsx

@@ -17,7 +17,9 @@ export default function AccountBadge({ type }: { type: 'GUEST' | 'PLATFORM' }) {
             : 'bg-linear-to-r from-pink-500/80 to-sky-600/80 dark:from-pink-300/70 dark:to-blue-300/70'
       } mt-2 rounded px-2 py-1 text-sm font-semibold`}
     >
-      <span className={`bg-linear-to-r bg-clip-text text-white`}>
+      <span
+        className={`bg-linear-to-r bg-clip-text text-transparent text-white`} 
+      >
         {t(type === 'GUEST' ? 'guest_account' : 'tuturuuu_account')}
       </span>
     </div>

apps/web/src/app/[locale]/(marketing)/meet-together/plans/[planId]/day-planners.tsx

@@ -1,7 +1,7 @@
 import DayPlanner from './day-planner';
 import { useTimeBlocking } from './time-blocking-provider';
 import type { Timeblock } from '@tuturuuu/types/primitives/Timeblock';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 export default function DayPlanners({
   timeblocks,
@@ -32,15 +32,17 @@ export default function DayPlanners({
     if (onBestTimesStatusByDateAction) {
       onBestTimesStatusByDateAction(bestTimesStatus);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [JSON.stringify(bestTimesStatus)]);
+  }, [bestTimesStatus, onBestTimesStatusByDateAction]);
 
-  function handleBestTimesStatus(date: string, hasBestTimes: boolean) {
-    setBestTimesStatus((prev) => {
-      if (prev[date] === hasBestTimes) return prev;
-      return { ...prev, [date]: hasBestTimes };
-    });
-  }
+  const handleBestTimesStatus = useCallback(
+    (date: string, hasBestTimes: boolean) => {
+      setBestTimesStatus((prev) => {
+        if (prev[date] === hasBestTimes) return prev;
+        return { ...prev, [date]: hasBestTimes };
+      });
+    },
+    []
+  );
 
   function preventScroll(e: any) {
     e.preventDefault();

apps/web/src/app/[locale]/(marketing)/meet-together/plans/[planId]/plan-details-client.tsx

@@ -15,7 +15,7 @@ import { Switch } from '@tuturuuu/ui/switch';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@tuturuuu/ui/tooltip';
 import html2canvas from 'html2canvas-pro';
 import { useTheme } from 'next-themes';
-import React, { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 interface PlanDetailsClientProps {
   plan: MeetTogetherPlan;
@@ -50,9 +50,11 @@ export default function PlanDetailsClient({
 
   // If user filter is active, force best times off
   const isUserFilterActive = filteredUserIds && filteredUserIds.length > 0;
-  if (isUserFilterActive && showBestTimes) {
-    setShowBestTimes(false);
-  }
+  useEffect(() => {
+    if (isUserFilterActive && showBestTimes) {
+      setShowBestTimes(false);
+    }
+  }, [isUserFilterActive, showBestTimes]);
 
   // Best times status state
   const [bestTimesStatusByDate, setBestTimesStatusByDate] = useState<

apps/web/src/app/[locale]/(marketing)/meet-together/plans/[planId]/preview-day-time.tsx

@@ -10,7 +10,7 @@ import {
   TooltipTrigger,
 } from '@tuturuuu/ui/tooltip';
 import dayjs from 'dayjs';
-import React from 'react';
+import { useEffect } from 'react';
 
 export default function PreviewDayTime({
   timeblocks: serverTimeblocks,
@@ -106,12 +106,11 @@ export default function PreviewDayTime({
   }
 
   // Notify parent about best times status
-  React.useEffect(() => {
+  useEffect(() => {
     if (onBestTimesStatus) {
       onBestTimesStatus(bestBlockIndices.size > 0);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [showBestTimes, bestBlockIndices.size]);
+  }, [showBestTimes, bestBlockIndices.size, onBestTimesStatus]);
 
   const isTimeBlockSelected = (i: number): 'local' | 'server' | 'none' => {
     // If the timeblock is pre-selected

apps/web/src/utils/timeblock-helper.ts

@@ -453,73 +453,3 @@ export function removeTimeblocks(
 
   return filteredTimeblocks;
 }
-
-// Returns an array of best time slots (date, start_time, end_time, availableUserIds)
-export function getBestMeetingTimes({
-  timeblocks,
-  users,
-  dates,
-  start,
-  end,
-  slotMinutes = 15,
-}: {
-  timeblocks: Timeblock[];
-  users: { id: string | null }[];
-  dates: string[];
-  start: string;
-  end: string;
-  slotMinutes?: number;
-}) {
-  const userIds = users.map((u) => u.id).filter(Boolean);
-  let bestSlots: {
-    date: string;
-    start_time: string;
-    end_time: string;
-    availableUserIds: string[];
-  }[] = [];
-  let maxAvailable = 0;
-
-  for (const date of dates) {
-    // For each 15-min slot in the day
-    let slot = dayjs(`${date} ${start}`);
-    const endSlot = dayjs(`${date} ${end}`);
-    while (slot.isBefore(endSlot)) {
-      const slotStart = slot;
-      const slotEnd = slot.add(slotMinutes, 'minute');
-      // For this slot, count available users
-      const availableUserIds = userIds
-        .filter((userId) => {
-          return timeblocks.some((tb) => {
-            if (tb.user_id !== userId) return false;
-            const tbStart = dayjs(`${tb.date} ${tb.start_time}`);
-            const tbEnd = dayjs(`${tb.date} ${tb.end_time}`);
-            // Slot must be fully within user's available block
-            return (
-              slotStart.isSameOrAfter(tbStart) && slotEnd.isSameOrBefore(tbEnd)
-            );
-          });
-        })
-        .filter((id): id is string => id !== null);
-      if (availableUserIds.length > maxAvailable) {
-        maxAvailable = availableUserIds.length;
-        bestSlots = [
-          {
-            date,
-            start_time: slotStart.format('HH:mm:ssZ'),
-            end_time: slotEnd.format('HH:mm:ssZ'),
-            availableUserIds,
-          },
-        ];
-      } else if (availableUserIds.length === maxAvailable && maxAvailable > 0) {
-        bestSlots.push({
-          date,
-          start_time: slotStart.format('HH:mm:ssZ'),
-          end_time: slotEnd.format('HH:mm:ssZ'),
-          availableUserIds,
-        });
-      }
-      slot = slot.add(slotMinutes, 'minute');
-    }
-  }
-  return bestSlots;
-}

packages/ui/src/components/ui/legacy/tumeet/create-plan-dialog.tsx

@@ -21,12 +21,12 @@ import {
 } from '@tuturuuu/ui/form';
 import { useForm } from '@tuturuuu/ui/hooks/use-form';
 import { toast } from '@tuturuuu/ui/hooks/use-toast';
+import { MapPin, Sparkles } from '@tuturuuu/ui/icons';
 import { Input } from '@tuturuuu/ui/input';
 import { zodResolver } from '@tuturuuu/ui/resolvers';
 import { Separator } from '@tuturuuu/ui/separator';
 import { cn } from '@tuturuuu/utils/format';
 import dayjs from 'dayjs';
-import { MapPin, Sparkles } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';