fix(dashboard): make Explore page course cards fully clickable to open the preview modal (#899)

apps/dashboard/src/lib/features/course/components/card.svelte

@@ -142,8 +142,10 @@
 
   let cost = $derived(calcCourseDiscount(pricingData.discount, pricingData.cost ?? 0, !!pricingData.showDiscount));
 
+  const isExploreClickable = $derived(!!(isLMS && isExplore && onExploreClick));
+
   let courseUrl = $derived.by(() => {
-    if (onExploreClick && isLMS && isExplore) {
+    if (isExploreClickable) {
       return undefined;
     }
 
@@ -225,6 +227,7 @@
 
 <CourseCard
   href={courseUrl ? resolve(courseUrl, {}) : undefined}
+  onclick={isExploreClickable ? onExploreClick : undefined}
   {title}
   {description}
   {typeBadge}
@@ -318,7 +321,15 @@
       </div>
 
       {#if isLMS}
-        <Button variant="outline" onclick={isExplore && onExploreClick ? onExploreClick : undefined}>
+        <Button
+          variant="outline"
+          onclick={(event) => {
+            if (isExploreClickable) {
+              event.stopPropagation();
+              onExploreClick?.();
+            }
+          }}
+        >
           {isCertificateView
             ? $t('certificates.view_certificate')
             : isExplore

packages/ui/src/custom/course-card/course-card.svelte

@@ -25,6 +25,8 @@
       iconClass?: string;
     };
     class?: string;
+    /** Click handler for the card wrapper (e.g. opening a preview modal when `href` is absent) */
+    onclick?: (event: MouseEvent) => void;
     /** Custom banner area (e.g. optimized `Image`); overrides `bannerImage` */
     media?: Snippet;
     /** Optional overlay inside the link (e.g. dropdown), typically absolutely positioned */
@@ -42,6 +44,7 @@
     typeBadge,
     visibilityBadge,
     class: className = '',
+    onclick,
     media,
     overlay,
     tags,
@@ -51,7 +54,7 @@
   const resolvedBannerImage = $derived(bannerImage?.trim() ? bannerImage : DEFAULT_COURSE_BANNER_IMAGE);
 </script>
 
-<Item.Root variant="outline" class={cn('ui:group ui:relative ui:max-w-[320px] ui:p-3!', className)}>
+<Item.Root variant="outline" class={cn('ui:group ui:relative ui:max-w-[320px] ui:p-3!', className)} {onclick}>
   {#snippet child({ props })}
     {#if href}
       <a {href} {...props} class={cn('ui:block', props.class as string)}>

packages/utils/src/validation/course/index.ts

@@ -12,4 +12,3 @@ export * from './compliance';
 export * from './public-course';
 export * from './section';
 export * from './invite';
-export { ZCourseGetParam, type TCourseGetParam } from './course';