TEDx-SJEC · joywin2003 · Oct 4, 2024 · Oct 4, 2024 · Oct 4, 2024 · Oct 4, 2024
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -37,7 +37,7 @@ jobs:
           echo "TURSO_AUTH_TOKEN is set: ${{ env.TURSO_AUTH_TOKEN != '' }}"
           echo "TURSO_DATABASE_URL is set: ${{ env.TURSO_DATABASE_URL != '' }}"
           echo "RESEND_API_KEY" is set ${{ env.RESEND_API_KEY != '' }}
-          echo 
+          echo
         env:
           NEXT_PUBLIC_SITE_URL: ${{ secrets.NEXT_PUBLIC_SITE_URL }}
           NEXTAUTH_SECRET: ${{ secrets.NEXTAUTH_SECRET }}

diff --git a/emails/user-registration-email-template.tsx b/emails/user-registration-email-template.tsx
@@ -1,88 +1,95 @@
 import { tedxsjecAssetsPrefix } from "@/lib/utils";
 import {
-    Body,
-    Button,
-    Container,
-    Head,
-    Heading,
-    Hr,
-    Html,
-    Img,
-    Preview,
-    Section,
-    Text,
+  Body,
+  Button,
+  Container,
+  Head,
+  Heading,
+  Hr,
+  Html,
+  Img,
+  Preview,
+  Section,
+  Text,
 } from "@react-email/components";
 import { Tailwind } from "@react-email/tailwind";
 
 interface TedxRegistrationEmailProps {
-    name?: string;
-    registrationLink: string;
+  name?: string;
+  registrationLink: string;
 }
 
-export const TedxRegistrationEmail = ({ name, registrationLink }: TedxRegistrationEmailProps) => {
-    const previewText = `TEDxSJEC Talk Registration Successful!`;
+export const TedxRegistrationEmail = ({
+  name,
+  registrationLink,
+}: TedxRegistrationEmailProps) => {
+  const previewText = `TEDxSJEC Talk Registration Successful!`;
 
-    return (
-        <Html>
-            <Head />
-            <Preview>{previewText}</Preview>
-            <Tailwind>
-                <Body className="bg-white my-auto mx-auto font-sans px-4">
-                    <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
-                        {/* Logo Section */}
-                        <Section className="text-center">
-                            <Img
-                                src={`${tedxsjecAssetsPrefix}/logo/tedxsjec-logo.avif`} // Add the logo image URL here
-                                alt="TEDxSJEC Logo"
-                                className="mx-auto w-[150px] h-auto mb-[20px]"
-                            />
-                        </Section>
-                        {/* Heading Section */}
-                        <Section className="mt-[32px] items-center">
-                            <Heading className="text-black text-[24px] font-bold text-center p-0 my-[30px] mx-0">
-                                <strong>TEDxSJEC Talk Registration Confirmed!</strong>
-                            </Heading>
-                        </Section>
-                        <Text className="text-black text-[14px] leading-[24px]">
-                            Dear {name ?? "Participant"},
-                        </Text>
-                        <Text className="text-black text-[14px] leading-[24px]">
-                            We are excited to confirm your registration for TEDxSJEC Talk. <br />
-                            You are all set to join us for an inspiring day filled with ideas worth sharing.
-                            Please bring this email on the event day for a smooth entry process.
-                        </Text>
-                        {/* QR Code Section */}
-                        <Section className="text-center mt-[32px] mb-[32px]">
-                            <Text className="text-center">
-                                Below is your unique QR code for registration. Kindly keep it accessible on
-                                event day for quick check-in:
-                            </Text>
-                            <Img
-                                className="mx-auto flex items-center justify-center py-4"
-                                src={`https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${registrationLink}`}
-                                alt="QR Code"
-                            />
-                        </Section>
-                        <Text className="text-black text-[14px] leading-[24px]">
-                            We look forward to seeing you at TEDxSJEC! <br />
-                        </Text>
-                        <Hr className="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" />
-                        <Text className="text-[#666666] text-[12px] leading-[24px]">
-                            Thanks & Regards, <br /> TEDxSJEC Team <br />
-                            For any queries, feel free to contact us at: [email protected]
-                        </Text>
-                        <div className="flex flex-col items-center justify-center text-[12px] space-x-4">
-                            <Button href="https://tedxsjec.in/privacy">Privacy Policy</Button>
-                            &nbsp;|&nbsp;
-                            <Button href="https://tedxsjec.in/refund">Refund Policy</Button>
-                            &nbsp;|&nbsp;
-                            <Button href="https://tedxsjec.in/terms">Terms and Conditions</Button>
-                        </div>
-                    </Container>
-                </Body>
-            </Tailwind>
-        </Html>
-    );
+  return (
+    <Html>
+      <Head />
+      <Preview>{previewText}</Preview>
+      <Tailwind>
+        <Body className="bg-white my-auto mx-auto font-sans px-4">
+          <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
+            {/* Logo Section */}
+            <Section className="text-center">
+              <Img
+                src={`${tedxsjecAssetsPrefix}/logo/tedxsjec-logo.avif`}
+                alt="TEDxSJEC Logo"
+                className="mx-auto w-[150px] h-auto mb-[20px]"
+              />
+            </Section>
+            {/* Heading Section */}
+            <Section className="mt-[32px] items-center">
+              <Heading className="text-black text-[24px] font-bold text-center p-0 my-[30px] mx-0">
+                <strong>TEDxSJEC Talk Registration Confirmed!</strong>
+              </Heading>
+            </Section>
+            <Text className="text-black text-[14px] leading-[24px]">
+              Dear {name ?? "Participant"},
+            </Text>
+            <Text className="text-black text-[14px] leading-[24px]">
+              We are excited to confirm your registration for TEDxSJEC Talk.{" "}
+              <br />
+              You are all set to join us for an inspiring day filled with ideas
+              worth sharing. Please bring this email on the event day for a
+              smooth entry process.
+            </Text>
+            {/* QR Code Section */}
+            <Section className="text-center mt-[32px] mb-[32px]">
+              <Text className="text-center">
+                Below is your unique QR code for registration. Kindly keep it
+                accessible on event day for quick check-in:
+              </Text>
+              <Img
+                className="mx-auto flex items-center justify-center py-4"
+                src={`https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${registrationLink}`}
+                alt="QR Code"
+              />
+            </Section>
+            <Text className="text-black text-[14px] leading-[24px]">
+              We look forward to seeing you at TEDxSJEC! <br />
+            </Text>
+            <Hr className="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" />
+            <Text className="text-[#666666] text-[12px] leading-[24px]">
+              Thanks & Regards, <br /> TEDxSJEC Team <br />
+              For any queries, feel free to contact us at: [email protected]
+            </Text>
+            <div className="flex flex-col items-center justify-center text-[12px] space-x-4">
+              <Button href="https://tedxsjec.in/privacy">Privacy Policy</Button>
+              &nbsp;|&nbsp;
+              <Button href="https://tedxsjec.in/refund">Refund Policy</Button>
+              &nbsp;|&nbsp;
+              <Button href="https://tedxsjec.in/terms">
+                Terms and Conditions
+              </Button>
+            </div>
+          </Container>
+        </Body>
+      </Tailwind>
+    </Html>
+  );
 };
 
 export default TedxRegistrationEmail;
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,17 +1,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-
-        images: {
-          remotePatterns: [
-            {
-              protocol: 'https',
-              hostname: 'tedx-sjec.github.io',
-              port: '',
-              pathname: '/**',
-            },
-          ],
-        },
-
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "tedx-sjec.github.io",
+        port: "",
+        pathname: "/**",
+      },
+    ],
+  },
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -46,7 +46,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "crypto": "^1.0.1",
-    "framer-motion": "^11.9.0",
+    "framer-motion": "^11.11.1",
     "gsap": "^3.12.5",
     "ioredis": "^5.4.1",
     "jest": "^29.7.0",

diff --git a/src/app/actions/invalidate-coupon.ts b/src/app/actions/invalidate-coupon.ts
@@ -1,15 +1,19 @@
 "use server";
 
 import prisma from "@/server/db";
-
-export async function invalidateCouponCode(couponCode: string) {
-    if (!couponCode) return;
-    const resp = await prisma.referral.update({
-        where: {
-            code: couponCode,
-        },
-        data: {
-            isUsed: true,
-        },
-    });
+import { type Session as NextAuthSession } from "next-auth";
+export async function invalidateCouponCode(
+  couponCode: string,
+  session: NextAuthSession,
+) {
+  if (!couponCode) return;
+  const resp = await prisma.referral.update({
+    where: {
+      code: couponCode,
+    },
+    data: {
+      isUsed: true,
+      usedById: session.user.id,
+    },
+  });
 }
diff --git a/src/app/actions/submit-form.ts b/src/app/actions/submit-form.ts
@@ -0,0 +1,27 @@
+"use server";
+
+import { FormDataInterface } from "@/components/common/registration-form";
+import { getServerSideSession } from "@/lib/get-server-session";
+import prisma from "@/server/db";
+
+export async function submitForm(data: FormDataInterface, amount: number) {
+  const session = await getServerSideSession();
+  if (!session) {
+    return;
+  }
+
+  return await prisma.form.create({
+    data: {
+      name: data.name,
+      usn: data.usn,
+      email: data.email,
+      contact: data.phone,
+      designation: data.designation,
+      paidAmount: amount,
+      photo: data.photo,
+      collegeIdCard: data.idCard,
+      createdById: session.user.id,
+      entityName: data.name,
+    },
+  });
+}
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
@@ -2,8 +2,8 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import Providers from "@/components/Layout/Provider";
-import { AdminNavbar } from "@/components/Admin/Navbar/navbar";
+import Providers from "@/components/layout/Provider";
+import { AdminNavbar } from "@/components/admin/Navbar/navbar";
 import { useSession } from "next-auth/react";
 
 const inter = Inter({ subsets: ["latin"] });

diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { Coupon } from "@/components/Admin/code-generation-card";
+import { Coupon } from "@/components/admin/code-generation-card";
 import { useSession } from "next-auth/react";
 export default function AdminPage() {
   const { data: session } = useSession();

diff --git a/src/app/admin/payment/page.tsx b/src/app/admin/payment/page.tsx
@@ -1,4 +1,4 @@
-import { SearchableInfiniteScrollTable } from "@/components/searchable-infinite-scroll-table";
+import { SearchableInfiniteScrollTable } from "@/components/common/searchable-infinite-scroll-table";
 import React from "react";
 
 export default async function Payments() {