564b0735f0
* Fixed Validation of allowing teachers create compliance courses without setting deadline * greptile highlightCertificateSettings decraration suggestion * greptile multiple error bar showing fix suggestion * organization race condition * Delete screenshots/Screenshot 2026-07-22 at 11.52.00 AM.png * deleted unwanted files * code review fixes * Changed AttentionHightlight component to work with just one parameter created fixed Route Enums, Paths and Sections for * Kebab-case naming fix * Changes for code comments * Made changes to add tab to the query param * Apply suggestion from @greptile-apps[bot] Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> --------- Co-authored-by: Rotimi Best <[email protected]> Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
39 lines
1.3 KiB
Svelte
39 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import * as UnderlineTabs from '@cio/ui/custom/underline-tabs';
|
|
import { t } from '$lib/utils/functions/translations';
|
|
|
|
import { UpgradeBanner } from '$features/ui';
|
|
|
|
import CertificateDesign from './certificate-design.svelte';
|
|
import CertificateSettings from './certificate-settings.svelte';
|
|
|
|
type Props = {
|
|
errors: Record<string, string>;
|
|
activeTab?: string;
|
|
onActiveTabChange?: (tab: string) => void;
|
|
};
|
|
|
|
let { errors, activeTab = 'design', onActiveTabChange }: Props = $props();
|
|
</script>
|
|
|
|
<UpgradeBanner>{$t('upgrade.certificate')}</UpgradeBanner>
|
|
|
|
<main class="px-2 md:-mr-3 md:-ml-3">
|
|
<UnderlineTabs.Root value={activeTab} onValueChange={(value) => onActiveTabChange?.(value)} class="w-full">
|
|
<UnderlineTabs.List>
|
|
<UnderlineTabs.Trigger value="design">
|
|
{$t('course.navItem.certificates.tab_design')}
|
|
</UnderlineTabs.Trigger>
|
|
<UnderlineTabs.Trigger value="settings">
|
|
{$t('course.navItem.certificates.tab_settings')}
|
|
</UnderlineTabs.Trigger>
|
|
</UnderlineTabs.List>
|
|
<UnderlineTabs.Content value="design" class="mt-4">
|
|
<CertificateDesign {errors} />
|
|
</UnderlineTabs.Content>
|
|
<UnderlineTabs.Content value="settings" class="mt-4">
|
|
<CertificateSettings {errors} />
|
|
</UnderlineTabs.Content>
|
|
</UnderlineTabs.Root>
|
|
</main>
|