update: footer

src/app/projects/[id]/page.tsx

@@ -0,0 +1,36 @@
+import { Loader } from 'lucide-react'
+import { useEffect, useState } from 'react'
+
+import { type Project } from '@/components/Projects'
+import { supabase } from '@/lib/supabase/client'
+
+interface ProjectDetailProps {
+  params: { id: string }
+}
+
+const ProjectDetail = ({ params: { id } }: ProjectDetailProps) => {
+  const [project, setMember] = useState<Project | null>(null)
+  const [isLoading, setIsLoading] = useState(false)
+
+  useEffect(() => {
+    ;(async () => {
+      setIsLoading(true)
+      const { data } = await supabase
+        .from('projects')
+        .select('*')
+        .eq('id', id)
+        .single()
+      if (data) setMember(data as Project)
+
+      setIsLoading(false)
+    })()
+  }, [])
+
+  return isLoading ?
+      <div className="flex h-screen w-screen items-center justify-center">
+        <Loader className="animate-spin" size={30} />
+      </div>
+    : <></>
+}
+
+export default ProjectDetail

src/components/Footer.tsx

@@ -39,22 +39,17 @@ const socialLinks = [
   {
     name: 'Twitter',
     icon: <FaTwitter className="size-5" />,
-    href: 'https://twitter.com',
+    href: 'https://x.com/WeminalHack',
   },
   {
     name: 'Github',
     icon: <FaGithub className="size-5" />,
-    href: 'https://github.com',
-  },
-  {
-    name: 'LinkedIn',
-    icon: <FaLinkedin className="size-5" />,
-    href: 'https://linkedin.com',
+    href: 'https://github.com/Weminal-labs',
   },
   {
     name: 'Facebook',
     icon: <FaFacebook className="size-5" />,
-    href: 'https://facebook.com',
+    href: 'https://www.facebook.com/groups/weminalhack',
   },
 ]