info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-01 13:22:38 +02:00
Code Issues Releases Wiki Activity

Add calendar event

Browse Source
This commit is contained in:
Kamran Ahmed
2024-11-09 11:20:50 +05:00
parent 2a6c1bfce8
commit 112c1d4672
1 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Schedule/ScheduleEventModal.tsx
View File

@@ -96,6 +96,12 @@ Visit the roadmap at https://roadmap.sh/${roadmapId}
const handleDownloadICS = () => { const handleDownloadICS = () => {
setIsLoading(true); setIsLoading(true);
const calendarTitle = selectedCalendar || 'ICS';
triggerScheduleEvent(
`${calendarTitle.charAt(0).toUpperCase()}${calendarTitle.slice(1)}`,
);
const startDate = DateTime.now().minus({ const startDate = DateTime.now().minus({
minutes: DateTime.now().minute % 30, minutes: DateTime.now().minute % 30,
}); });
@@ -119,8 +125,19 @@ Visit the roadmap at https://roadmap.sh/${roadmapId}
URL.revokeObjectURL(url); URL.revokeObjectURL(url);
}; };
const triggerScheduleEvent = function (type: string) {
window.fireEvent({
category: 'ScheduleTimeClick',
action: `Schedule Learning Time`,
label: `Schedule Learning Time / ${type}`,
value: `Schedule Learning Time / ${type}`,
});
};
const handleGoogleCalendar = () => { const handleGoogleCalendar = () => {
setIsLoading(true); setIsLoading(true);
triggerScheduleEvent('Google');
const baseURL = const baseURL =
'https://calendar.google.com/calendar/render?action=TEMPLATE'; 'https://calendar.google.com/calendar/render?action=TEMPLATE';
@@ -293,7 +310,7 @@ export function CalendarSteps(props: CalendarStepsProps) {
<div className="mt-6 flex flex-col gap-2"> <div className="mt-6 flex flex-col gap-2">
{steps.map((step, index) => ( {steps.map((step, index) => (
<div key={index} className="flex items-baseline gap-3"> <div key={index} className="flex items-baseline gap-3">
<div className="flex h-6 w-6 relative top-px text-sm shrink-0 items-center justify-center rounded-full bg-gray-200 text-gray-600"> <div className="relative top-px flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-200 text-sm text-gray-600">
{index + 1} {index + 1}
</div> </div>
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
@@ -305,7 +322,7 @@ export function CalendarSteps(props: CalendarStepsProps) {
<div className="mt-6 flex gap-2"> <div className="mt-6 flex gap-2">
<button <button
className="flex-1 rounded-md border hover:bg-gray-100 border-gray-300 py-2 text-sm text-gray-600 disabled:opacity-60 data-[loading='true']:cursor-progress" className="flex-1 rounded-md border border-gray-300 py-2 text-sm text-gray-600 hover:bg-gray-100 disabled:opacity-60 data-[loading='true']:cursor-progress"
onClick={onCancel} onClick={onCancel}
disabled={isLoading} disabled={isLoading}
> >