This commit is contained in:
Joyce
2026-02-05 13:45:32 -05:00
parent 7a0f11ee88
commit 26e553bfd0
10 changed files with 569 additions and 57 deletions

View File

@@ -3,9 +3,15 @@ import { Participant } from '@/types/calendar';
import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import { Label } from '@/components/ui/label';
import { UserPlus, Trash2, User, Pencil, Check, X, AlertCircle } from 'lucide-react';
import { UserPlus, Trash2, User, Pencil, Check, X, AlertCircle, Info } from 'lucide-react';
import { useToast } from '@/hooks/use-toast';
import { getAvatarColor } from '@/lib/utils';
import { getAvatarColor, getCalendarNameFromUrl } from '@/lib/utils';
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/components/ui/tooltip';
interface ParticipantManagerProps {
participants: Participant[];
@@ -236,9 +242,19 @@ export const ParticipantManager = ({
<span>{participant.email}</span>
<span className="text-muted-foreground/60"></span>
{participant.icsLink ? (
<span className="text-primary truncate max-w-[200px]" title={participant.icsLink}>
ICS linked
</span>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<span className="text-primary truncate max-w-[200px] cursor-help flex items-center gap-1" title={participant.icsLink}>
📅 {getCalendarNameFromUrl(participant.icsLink) || 'Calendar linked'}
<Info className="w-3 h-3 opacity-50" />
</span>
</TooltipTrigger>
<TooltipContent side="top" className="max-w-[220px]">
<p>Availability is based on this calendar only. Other calendars on the same account are not included.</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : (
<span className="text-amber-600 flex items-center gap-1">
<AlertCircle className="w-3 h-3" />