Participants sign-ups trend
diff --git a/components/organization/hackathons/settings/SubmissionVisibilitySettingsTab.tsx b/components/organization/hackathons/settings/SubmissionVisibilitySettingsTab.tsx
new file mode 100644
index 00000000..8bf72f28
--- /dev/null
+++ b/components/organization/hackathons/settings/SubmissionVisibilitySettingsTab.tsx
@@ -0,0 +1,236 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+ FormDescription,
+} from '@/components/ui/form';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { BoundlessButton } from '@/components/buttons';
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
+import { toast } from 'sonner';
+import {
+ SubmissionVisibility,
+ SubmissionStatusVisibility,
+ updateSubmissionVisibility,
+ getHackathon,
+} from '@/lib/api/hackathons';
+import Loading from '@/components/Loading';
+
+const visibilitySettingsSchema = z.object({
+ submissionVisibility: z.nativeEnum(SubmissionVisibility),
+ submissionStatusVisibility: z.nativeEnum(SubmissionStatusVisibility),
+});
+
+type VisibilitySettingsFormData = z.infer
;
+
+interface SubmissionVisibilitySettingsTabProps {
+ organizationId: string;
+ hackathonId: string;
+}
+
+export default function SubmissionVisibilitySettingsTab({
+ organizationId,
+ hackathonId,
+}: SubmissionVisibilitySettingsTabProps) {
+ const [isLoading, setIsLoading] = useState(true);
+ const [isSaving, setIsSaving] = useState(false);
+
+ const form = useForm({
+ resolver: zodResolver(visibilitySettingsSchema),
+ defaultValues: {
+ submissionVisibility: SubmissionVisibility.PUBLIC,
+ submissionStatusVisibility: SubmissionStatusVisibility.ALL,
+ },
+ });
+
+ useEffect(() => {
+ const fetchSettings = async () => {
+ try {
+ const response = await getHackathon(hackathonId);
+ if (response?.data) {
+ form.reset({
+ submissionVisibility:
+ response.data.submissionVisibility || SubmissionVisibility.PUBLIC,
+ submissionStatusVisibility:
+ response.data.submissionStatusVisibility ||
+ SubmissionStatusVisibility.ALL,
+ });
+ }
+ } catch (error) {
+ toast.error('Failed to fetch visibility settings');
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ fetchSettings();
+ }, [hackathonId]);
+
+ const onSubmit = async (data: VisibilitySettingsFormData) => {
+ setIsSaving(true);
+ try {
+ await updateSubmissionVisibility(organizationId, hackathonId, data);
+ toast.success('Visibility settings updated successfully!');
+ } catch (error) {
+ toast.error('Failed to update visibility settings');
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ if (isLoading) {
+ return ;
+ }
+
+ return (
+
+
+
+
+ Submission Visibility
+
+
+ Control who can view submissions and which projects are displayed in
+ the showcase.
+
+
+
+
+
+
+