diff --git a/app/(landing)/hackathons/[slug]/page.tsx b/app/(landing)/hackathons/[slug]/page.tsx
index 7f517999b..60fa63df7 100644
--- a/app/(landing)/hackathons/[slug]/page.tsx
+++ b/app/(landing)/hackathons/[slug]/page.tsx
@@ -298,7 +298,7 @@ export default function HackathonPage() {
{activeTab === 'resources' &&
currentHackathon?.resources?.resources?.[0] && (
-
+
)}
diff --git a/app/(landing)/profile/[username]/profile-data.tsx b/app/(landing)/profile/[username]/profile-data.tsx
index b9f013bac..b74bf71ca 100644
--- a/app/(landing)/profile/[username]/profile-data.tsx
+++ b/app/(landing)/profile/[username]/profile-data.tsx
@@ -46,7 +46,7 @@ export function ProfileData({ username }: PublicProfileDataProps) {
try {
setLoading(true);
const data = await getUserProfileByUsername(username);
- console.log('userData:', data); // This will log the actual data
+ // console.log('userData:', data);
setUserData(data);
} catch (err) {
setError(`Failed to load user profile: ${err}`);
@@ -59,11 +59,11 @@ export function ProfileData({ username }: PublicProfileDataProps) {
}, [username]);
// This logs on every render - will show null initially, then the data after fetch
- useEffect(() => {
- if (userData) {
- console.log('Current userData state:', userData);
- }
- }, [userData]);
+ // useEffect(() => {
+ // if (userData) {
+ // console.log('Current userData state:', userData);
+ // }
+ // }, [userData]);
if (loading) {
return (
diff --git a/app/layout.tsx b/app/layout.tsx
index 804c88f23..8cf1b7d1f 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -10,6 +10,7 @@ import {
generateWebsiteStructuredData,
} from '@/lib/structured-data';
import NextTopLoader from 'nextjs-toploader';
+import DevelopmentStatusModal from '@/components/DevelopmentStatusModal';
const inter = Inter({
variable: '--font-inter',
@@ -95,6 +96,7 @@ export default function RootLayout({
{children}
+
diff --git a/components/DevelopmentStatusModal.tsx b/components/DevelopmentStatusModal.tsx
new file mode 100644
index 000000000..cbef89d06
--- /dev/null
+++ b/components/DevelopmentStatusModal.tsx
@@ -0,0 +1,163 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { Code2, X } from 'lucide-react';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogTitle,
+} from '@/components/ui/dialog';
+
+const BRAND_COLOR = '#a7f950';
+const DEV_MODAL_KEY = 'dev-status-modal-dismissed';
+
+const DevelopmentStatusModal = () => {
+ const [isOpen, setIsOpen] = useState(false);
+
+ useEffect(() => {
+ // Check if user has already dismissed the modal
+ try {
+ const dismissed = localStorage.getItem(DEV_MODAL_KEY);
+ if (!dismissed) {
+ // Show modal after a short delay
+ const timer = setTimeout(() => {
+ setIsOpen(true);
+ }, 800);
+ return () => clearTimeout(timer);
+ }
+ } catch {
+ // If localStorage fails, show the modal anyway
+ setIsOpen(true);
+ }
+ }, []);
+
+ const handleClose = () => {
+ try {
+ localStorage.setItem(DEV_MODAL_KEY, 'true');
+ } catch {
+ // Silently fail if localStorage is not available
+ }
+ setIsOpen(false);
+ };
+
+ return (
+