Merge pull request #166 from DataScience-GT/feature/member-site

aamoghS · web-flow · commit 093faae4d5a4 · 2026-04-10T10:39:57.000-04:00
Feature: feature/member-site to dev
diff --git a/packages/api/src/middleware/procedures.ts b/packages/api/src/middleware/procedures.ts
@@ -13,7 +13,7 @@ export const isAdmin = protectedProcedure.use(async ({ ctx, next }) => {
   let admin = ctx.cache.get<typeof admins.$inferSelect>(cacheKey);
 
   if (!admin) {
-    admin = await ctx.db!.query.admins.findFirst({
+    admin = await ctx.db!.query.admins.findFirst({ // try catch for ctx.db 
       where: and(
         eq(admins.userId, ctx.userId!),
         eq(admins.isActive, true)
diff --git a/packages/api/src/routers/hello.ts b/packages/api/src/routers/hello.ts
@@ -7,3 +7,5 @@ export const helloRouter = createTRPCRouter({
   sayHelloAuth,
   greet,
 });
+
+
diff --git a/sites/mainweb/.cache/tsbuildinfo.json b/sites/mainweb/.cache/tsbuildinfo.json
diff --git a/sites/mainweb/app/(portal)/submit/page.tsx b/sites/mainweb/app/(portal)/submit/page.tsx
@@ -409,8 +409,10 @@ function SubmitPortalContent() {
 
 export default function SubmitPortalPage() {
     return (
-        <Suspense fallback={<LoadingScreen message="Initializing Workspace..." />}>
-            <SubmitPortalContent />
-        </Suspense>
+        <>
+            <Suspense fallback={<LoadingScreen message="Initializing Workspace..." />}>
+                <SubmitPortalContent />
+            </Suspense>
+        </>
     );
 }
diff --git a/sites/mainweb/app/team/page.tsx b/sites/mainweb/app/team/page.tsx
@@ -60,6 +60,52 @@ const Team = () => {
           </p>
         </div>
 
+        {/* IDEaS Lab Banner */}
+        <div className="max-w-7xl mx-auto px-6 lg:px-12 mb-12">
+          <a
+            href="https://ideas.gatech.edu"
+            target="_blank"
+            rel="noopener noreferrer"
+            id="ideas-card"
+            className="group relative flex flex-col sm:flex-row items-center gap-6 w-full rounded-2xl border border-white/10 bg-[#0a0a0a] p-8 overflow-hidden transition-all duration-500 hover:border-[#B3A369]/40 hover:shadow-[0_0_40px_rgba(179,163,105,0.12)] no-underline"
+          >
+            {/* Background glow */}
+            <div className="absolute inset-0 bg-gradient-to-br from-[#003057]/20 via-transparent to-[#B3A369]/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" />
+            {/* GT Navy + Gold corner accent */}
+            <div className="absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl from-[#B3A369]/10 to-transparent rounded-bl-full pointer-events-none" />
+
+            {/* Icon */}
+            <div className="relative flex-shrink-0 w-20 h-20 rounded-xl border border-[#B3A369]/30 bg-[#050505] flex items-center justify-center shadow-2xl">
+              <svg viewBox="0 0 48 48" fill="none" className="w-10 h-10" aria-hidden="true">
+                <path d="M24 4L6 14v12c0 9.94 7.74 19.24 18 21.6C34.26 45.24 42 35.94 42 26V14L24 4z" fill="#003057" stroke="#B3A369" strokeWidth="2" />
+                <text x="24" y="30" textAnchor="middle" fontSize="13" fontWeight="bold" fill="#B3A369" fontFamily="monospace">IDEaS</text>
+              </svg>
+            </div>
+
+            {/* Text */}
+            <div className="flex flex-col gap-2 flex-1 text-center sm:text-left">
+              <div className="inline-flex items-center justify-center sm:justify-start gap-2">
+                <span className="px-3 py-1 rounded-full bg-[#B3A369]/10 border border-[#B3A369]/25 text-[#B3A369] text-[10px] font-mono uppercase tracking-[0.2em]">
+                  Supervising Lab
+                </span>
+              </div>
+              <h2 className="text-white text-xl font-bold tracking-tight">
+                Institute for Data Engineering and Science
+              </h2>
+              <p className="text-sm text-gray-400 leading-relaxed max-w-2xl">
+                IDEaS is the Georgia Tech research institute that oversees and supports DS@GT. It connects government, industry, and academia to advance foundational data science research, and provides the resources and faculty expertise that power our club&rsquo;s mission.
+              </p>
+            </div>
+
+            {/* Arrow */}
+            <div className="flex-shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-2 group-hover:translate-x-0">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#B3A369" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="w-5 h-5">
+                <path d="M5 12h14M13 6l6 6-6 6" />
+              </svg>
+            </div>
+          </a>
+        </div>
+
         {/* Team Grid Section */}
         <Section id="teams" className="px-6 lg:px-12">
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
diff --git a/sites/mainweb/components/Background/index.tsx b/sites/mainweb/components/Background/index.tsx
@@ -2,7 +2,9 @@
 
 import React from "react";
 
-interface BackgroundProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface BackgroundProps {
+  [key: string]: any;
+}
 
 export default function Background(props: BackgroundProps) {
   return (
diff --git a/sites/mainweb/components/Card.tsx b/sites/mainweb/components/Card.tsx
@@ -1,7 +1,5 @@
-import { ReactNode } from "react";
-
 interface CardProps {
-    children: ReactNode;
+    children: any;
     className?: string;
 }
 
diff --git a/sites/mainweb/components/Section/index.tsx b/sites/mainweb/components/Section/index.tsx
@@ -1,8 +1,9 @@
 import { ReactNode, HTMLAttributes } from "react";
 
-interface SectionProps extends HTMLAttributes<HTMLDivElement> {
-  children: ReactNode;
+interface SectionProps {
+  children: any;
   makefull?: boolean;
+  [key: string]: any;
 }
 
 export default function Section({ children, makefull = false, ...rest }: SectionProps) {
diff --git a/sites/mainweb/components/SmallHero/index.tsx b/sites/mainweb/components/SmallHero/index.tsx
@@ -1,10 +1,11 @@
 import { ReactNode, HTMLAttributes } from "react";
 
-interface SmallHeroProps extends HTMLAttributes<HTMLDivElement> {
+interface SmallHeroProps {
   title: string;
   desc?: string;
   description?: string;
-  children?: ReactNode;
+  children?: any;
+  [key: string]: any;
 }
 
 export default function SmallHero({
diff --git a/sites/mainweb/components/TeamCard/index.tsx b/sites/mainweb/components/TeamCard/index.tsx
@@ -3,12 +3,13 @@
 import { ReactNode, HTMLAttributes } from "react";
 import Image, { StaticImageData } from "next/image";
 
-interface TeamCardProps extends HTMLAttributes<HTMLDivElement> {
+interface TeamCardProps {
   img: string | StaticImageData;
   name: string;
   title: string;
   zoom?: boolean;
-  children?: ReactNode;
+  children?: any;
+  [key: string]: any;
 }
 
 export default function TeamCard({
diff --git a/sites/mainweb/components/Text/Major/index.tsx b/sites/mainweb/components/Text/Major/index.tsx
@@ -1,10 +1,11 @@
 import { ReactNode, HTMLAttributes, JSX } from "react";
 
-interface MajorProps extends HTMLAttributes<HTMLElement> {
+interface MajorProps {
   type?: "primary" | "secondary" | "a" | "b";
-  as?: keyof JSX.IntrinsicElements;
+  as?: any;
   compact?: boolean;
-  children: ReactNode;
+  children: any;
+  [key: string]: any;
 }
 
 export default function Major({
diff --git a/sites/mainweb/components/Text/Mini/index.tsx b/sites/mainweb/components/Text/Mini/index.tsx
@@ -1,7 +1,8 @@
 import { ReactNode, HTMLAttributes } from "react";
 
-interface MiniProps extends HTMLAttributes<HTMLParagraphElement> {
-  children: ReactNode;
+interface MiniProps {
+  children: any;
+  [key: string]: any;
 }
 
 export default function Mini({ children, className, ...props }: MiniProps) {
diff --git a/sites/mainweb/components/Text/Minor/index.tsx b/sites/mainweb/components/Text/Minor/index.tsx
@@ -1,8 +1,9 @@
 import { ReactNode, HTMLAttributes } from "react";
 
-interface MinorProps extends HTMLAttributes<HTMLHeadingElement> {
+interface MinorProps {
   type?: "primary" | "secondary";
-  children: ReactNode;
+  children: any;
+  [key: string]: any;
 }
 
 export default function Minor({ type = "primary", children, className, ...props }: MinorProps) {
diff --git a/sites/mainweb/components/portal/LinkStripeAccount.tsx b/sites/mainweb/components/portal/LinkStripeAccount.tsx
@@ -18,6 +18,7 @@ export default function LinkStripeAccount({ onSuccess }: LinkStripeAccountProps)
   const [error, setError] = useState<string | null>(null);
   const [success, setSuccess] = useState(false);
   const [isChecking, setIsChecking] = useState(true);
+  const [isPaying, setIsPaying] = useState(false);
 
   const utils = trpc.useUtils();
 
@@ -62,6 +63,7 @@ export default function LinkStripeAccount({ onSuccess }: LinkStripeAccountProps)
       if (data?.url) {
         window.location.href = data.url;
       }
+      setIsPaying(false);
     },
     onError: (err) => {
       setError(err.message);
@@ -72,7 +74,12 @@ export default function LinkStripeAccount({ onSuccess }: LinkStripeAccountProps)
   const handlePay = () => {
     setError(null);
     setIsPaying(true);
-    payMutation.mutate({ returnUrl: window.location.href });
+    // API temporarily disabled because stripe API key is not configured ATM
+    // payMutation.mutate({ returnUrl: window.location.href });
+    setTimeout(() => {
+      setError("Stripe API is temporarily disabled.");
+      setIsPaying(false);
+    }, 500);
   };
 
   const handleSubmit = (e: React.FormEvent) => {
@@ -140,10 +147,10 @@ export default function LinkStripeAccount({ onSuccess }: LinkStripeAccountProps)
           <div className="mt-auto space-y-3">
             <button
               onClick={handlePay}
-              disabled={payMutation.isPending}
+              disabled={isPaying}
               className="w-full py-4 px-4 bg-[#00A8A8] text-black hover:bg-[#00A8A8]/90 text-xs font-bold tracking-[0.2em] uppercase transition-all rounded shadow-[0_0_20px_rgba(0,168,168,0.3)] hover:shadow-[0_0_30px_rgba(0,168,168,0.5)] disabled:opacity-50 disabled:cursor-not-allowed"
             >
-              {payMutation.isPending ? 'Processing...' : 'Pay Membership Dues ($15)'}
+              {isPaying ? 'Processing...' : 'Pay Membership Dues ($15)'}
             </button>
 
             <button
diff --git a/sites/mainweb/components/portal/LoadingScreen.tsx b/sites/mainweb/components/portal/LoadingScreen.tsx
@@ -6,7 +6,7 @@ interface LoadingScreenProps {
     message?: string;
 }
 
-export function LoadingScreen({ message = 'Loading...' }: LoadingScreenProps): React.ReactElement {
+export function LoadingScreen({ message = 'Loading...' }: LoadingScreenProps) {
     return (
         <div className="min-h-screen bg-[#050505] flex flex-col items-center justify-center relative overflow-hidden">
             <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-32 h-32 bg-cyan-500/10 rounded-full blur-[40px] pointer-events-none" />
diff --git a/sites/mainweb/lib/trpc.tsx b/sites/mainweb/lib/trpc.tsx
@@ -3,4 +3,4 @@
 import { createTRPCReact } from "@trpc/react-query";
 import type { AppRouter } from "@query/api";
 
-export const trpc = createTRPCReact<AppRouter>();
+export const trpc = createTRPCReact<AppRouter>();

-Original file line number
+Diff line change
   sayHelloAuth,
   greet,
 });
++
++
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,5 @@`
`1`		`-import { ReactNode } from "react";`
`2`		`-`
`3`	`1`	`interface CardProps {`
`4`		`- children: ReactNode;`
	`2`	`+ children: any;`
`5`	`3`	`className?: string;`
`6`	`4`	`}`
`7`	`5`