From 00d547065a05b8b5bef4ea4d85190af38c0a494a Mon Sep 17 00:00:00 2001
From: Mohamad Mortada <mmortada685@gmail.com>
Date: Thu, 19 Jun 2025 14:53:42 -0700
Subject: [PATCH] fixed links not routing properly

---
 app/admin/projects/[projectId]/page.tsx | 5 +++--
 app/bay/page.tsx                        | 5 +++--
 app/gallery/page.tsx                    | 5 +++--
 app/review/page.tsx                     | 5 +++--
 lib/utils.ts                            | 5 +++++
 5 files changed, 17 insertions(+), 8 deletions(-)
 create mode 100644 lib/utils.ts

diff --git a/app/admin/projects/[projectId]/page.tsx b/app/admin/projects/[projectId]/page.tsx
index a87161d3..7fdb03d2 100644
--- a/app/admin/projects/[projectId]/page.tsx
+++ b/app/admin/projects/[projectId]/page.tsx
@@ -15,6 +15,7 @@ import Icon from "@hackclub/icons";
 import Modal from '@/components/common/Modal';
 import { toast, Toaster } from 'sonner';
 import FormInput from '@/components/form/FormInput';
+import { ensureHttps } from '@/lib/utils';
 
 interface User {
   id: string;
@@ -359,7 +360,7 @@ function ProjectDetailContent({ params }: { params: { projectId: string } }) {
             <div className="flex flex-col gap-2">
               {project.codeUrl && (
                 <a 
-                  href={project.codeUrl} 
+                  href={ensureHttps(project.codeUrl)} 
                   target="_blank" 
                   rel="noopener noreferrer"
                   className="text-blue-600 hover:underline flex items-center gap-2"
@@ -370,7 +371,7 @@ function ProjectDetailContent({ params }: { params: { projectId: string } }) {
               )}
               {project.playableUrl && (
                 <a 
-                  href={project.playableUrl} 
+                  href={ensureHttps(project.playableUrl)} 
                   target="_blank" 
                   rel="noopener noreferrer"
                   className="text-blue-600 hover:underline flex items-center gap-2"
diff --git a/app/bay/page.tsx b/app/bay/page.tsx
index e439ecf9..368a4c9f 100644
--- a/app/bay/page.tsx
+++ b/app/bay/page.tsx
@@ -27,6 +27,7 @@ import ProjectReviewRequest from '@/components/common/ProjectReviewRequest';
 import ImageWithFallback from '@/components/common/ImageWithFallback';
 import CompleteReviewForm from '@/components/common/CompleteReviewForm';
 import ProjectMetadataWarning from '@/components/common/ProjectMetadataWarning';
+import { ensureHttps } from '@/lib/utils';
 
 
 // Force dynamic rendering to prevent prerendering errors during build
@@ -521,7 +522,7 @@ function ProjectDetail({
             <div className="flex flex-col gap-2">
               {project.codeUrl && (
                 <a 
-                  href={project.codeUrl} 
+                  href={ensureHttps(project.codeUrl)} 
                   target="_blank" 
                   rel="noopener noreferrer"
                   className="text-blue-600 hover:underline flex items-center gap-2"
@@ -532,7 +533,7 @@ function ProjectDetail({
               )}
               {project.playableUrl && (
                 <a 
-                  href={project.playableUrl} 
+                  href={ensureHttps(project.playableUrl)} 
                   target="_blank" 
                   rel="noopener noreferrer"
                   className="text-blue-600 hover:underline flex items-center gap-2"
diff --git a/app/gallery/page.tsx b/app/gallery/page.tsx
index 29f55b8b..8ff3a001 100644
--- a/app/gallery/page.tsx
+++ b/app/gallery/page.tsx
@@ -10,6 +10,7 @@ import Toast from '@/components/common/Toast';
 import Image from 'next/image';
 import { createAvatar } from '@dicebear/core';
 import { thumbs } from '@dicebear/collection';
+import { ensureHttps } from '@/lib/utils';
 
 // Dynamically import the chat modal to avoid SSR issues with socket.io
 const ProjectChatModal = dynamic(() => import('@/components/common/ProjectChatModal'), {
@@ -534,7 +535,7 @@ export default function Gallery() {
                   <div className="flex flex-wrap gap-2 mb-3">
                     {project.codeUrl && (
                       <a 
-                        href={project.codeUrl} 
+                        href={ensureHttps(project.codeUrl)} 
                         target="_blank" 
                         rel="noopener noreferrer"
                         className="flex items-center gap-1 text-blue-600 hover:text-blue-800 text-sm"
@@ -545,7 +546,7 @@ export default function Gallery() {
                     )}
                     {project.playableUrl && (
                       <a 
-                        href={project.playableUrl} 
+                        href={ensureHttps(project.playableUrl)} 
                         target="_blank" 
                         rel="noopener noreferrer"
                         className="flex items-center gap-1 text-blue-600 hover:text-blue-800 text-sm"
diff --git a/app/review/page.tsx b/app/review/page.tsx
index e4131f5a..c876ba69 100644
--- a/app/review/page.tsx
+++ b/app/review/page.tsx
@@ -15,6 +15,7 @@ import UserClusterChart from '@/components/common/UserClusterChart';
 import UserCategoryBadge from '@/components/common/UserCategoryBadge';
 import { useMDXComponents } from '@/mdx-components';
 import { lazy, Suspense } from 'react';
+import { ensureHttps } from '@/lib/utils';
 
 const MDXShippedApproval = lazy(() => import('./review-guidelines/shipped-approval.mdx'));
 const MDXViralApproval = lazy(() => import('./review-guidelines/viral-approval.mdx'));
@@ -277,7 +278,7 @@ function ProjectDetail({ project, onClose, onReviewSubmitted }: {
             <div className="flex flex-col gap-2">
               {project.codeUrl && (
                 <a 
-                  href={project.codeUrl} 
+                  href={ensureHttps(project.codeUrl)} 
                   target="_blank" 
                   rel="noopener noreferrer"
                   className="text-blue-600 hover:underline flex items-center gap-2"
@@ -288,7 +289,7 @@ function ProjectDetail({ project, onClose, onReviewSubmitted }: {
               )}
               {project.playableUrl && (
                 <a 
-                  href={project.playableUrl} 
+                  href={ensureHttps(project.playableUrl)} 
                   target="_blank" 
                   rel="noopener noreferrer"
                   className="text-blue-600 hover:underline flex items-center gap-2"
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 00000000..2ba65a5c
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,5 @@
+export function ensureHttps(url: string): string {
+  if (!url) return url;
+  if (url.startsWith("http")) return url;
+  return `https://${url}`;
+}
\ No newline at end of file