chore: close registrations (#249)

dscnitrourkela · Nov 8, 2024 · b0e1191 · b0e1191
1 parent f7a1c38
commit b0e1191
Show file tree

Hide file tree

Showing 6 changed files with 129 additions and 100 deletions.
diff --git a/src/app/register/page.jsx b/src/app/register/page.jsx
@@ -2,27 +2,17 @@
 import { useContext, useEffect, useState } from 'react';
 
 import Cookies from 'js-cookie';
-import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import toast from 'react-hot-toast';
 import { v4 } from 'uuid';
 
-import CampusAmbassador from '@/components/Register/CampusAmbassador/CampusAmbassador';
 import FileInput from '@/components/Register/FileInput/FileInput';
 import CheckBox from '@/components/Register/InputCheckBox/CheckBox';
 import InputField from '@/components/Register/InputField/InputField';
 import { MerchantInfo } from '@/components/Register/PaymentComponents/MerchantInfo';
 import { Qr } from '@/components/Register/PaymentComponents/Qr';
 import SelectField from '@/components/Register/SelectField/SelectField';
-import { PrimaryButton } from '@/components/shared/Typography/Buttons';
-import {
-  formFields,
-  innoOrgID,
-  maxRegistrations,
-  nitrID,
-  notNitrFields,
-  undertakingContent,
-} from '@/config/content/Registration/details';
+import { innoOrgID, maxRegistrations, nitrID } from '@/config/content/Registration/details';
 import { userSchema } from '@/config/zodd/userDetailsSchema';
 import { AuthContext } from '@/context/auth-context';
 import { REGISTER_ORG } from '@/graphql/mutations/organizationMutations';
@@ -38,13 +28,8 @@ import {
   DisclaimerPara,
   Moon,
   PaymentHeading,
-  PaymentPolicyInfo,
   RegisterContainer,
-  RegisterForm,
-  RegisterHeading,
-  RegisterInnerContainer,
-  RegsiterButton,
-  UndertakingLink,
+  RegistraionsClosed,
 } from './register.styles';
 
 function Page() {
@@ -378,6 +363,11 @@ function Page() {
     <RegisterContainer>
       <Moon />
 
+      <RegistraionsClosed>
+        Registrations are now closed! Looking forward to seeing you next year!
+      </RegistraionsClosed>
+      {/* commented to close registeration */}
+      {/*     
       {isLoggedIn && !queryLoading ? (
         <RegisterInnerContainer>
           <RegisterHeading>Register</RegisterHeading>
@@ -418,7 +408,8 @@ function Page() {
         <PrimaryButton onClick={handleGoogleSignIn} disabled={authLoading || queryLoading}>
           {authLoading || queryLoading ? 'Loading...' : 'Sign In with Google'}
         </PrimaryButton>
-      )}
+      )} */}
+      {/* commented to close registeration*/}
     </RegisterContainer>
   );
 }

diff --git a/src/app/register/register.styles.jsx b/src/app/register/register.styles.jsx
@@ -2,11 +2,14 @@ import styled from 'styled-components';
 import tw from 'twin.macro';
 
 import { PrimaryButton } from '@/components/shared/Typography/Buttons';
-
+import { Heading1, Heading2, SectionHeadings } from '@/components/shared/Typography/Headings';
 import { SmallParagraph } from '@/components/shared/Typography/Paragraphs';
+
 import { Heading3 } from '../events/page.style';
 
-import { Heading1, Heading2 } from '@/components/shared/Typography/Headings';
+export const RegistraionsClosed = styled(SectionHeadings)`
+  ${tw`font-montserrat font-medium text-base md:text-lg lg:text-xl`}
+`;
 
 export const RegisterHeading = styled(Heading1)`
   ${tw`text-center text-2xl xxs:text-3xl ssm:text-4xl md:text-5xl lg:text-6xl my-0 py-0 font-spaceX text-white`}

diff --git a/src/components/EventsPage/Event/Event.jsx b/src/components/EventsPage/Event/Event.jsx
@@ -1,15 +1,16 @@
 'use client';
 
-import { useEffect, useState, useCallback } from 'react';
-import { useMutation, useLazyQuery } from '@apollo/client';
-import toast from 'react-hot-toast';
+import { useCallback, useEffect, useState } from 'react';
+
 import Cookies from 'js-cookie';
+import toast from 'react-hot-toast';
 
-import { SliderEventsWrapper } from '../Carousel/PreviewCarousel';
-import { RegisterModal } from './RegisterModal';
 import { REGISTER_EVENT } from '@/graphql/mutations/eventMutations';
 import { GET_USER_REGISTERED_EVENT_IDS } from '@/graphql/queries/eventQueries';
-import handleLoadingAndToast from '@/utils/handleLoadingToast';
+import { useLazyQuery, useMutation } from '@apollo/client';
+
+import { SliderEventsWrapper } from '../Carousel/PreviewCarousel';
+import { RegisterModal } from './RegisterModal';
 
 const initialState = {
   registerModalOpen: false,
@@ -91,63 +92,74 @@ export const Events = ({ EventItem }) => {
     }
   }, [state.registered, state.uid, getRegisteredEvents]);
 
-  const handleEventRegister = useCallback(
-    async (eventId) => {
-      setState((prev) => ({
-        ...prev,
-        isCurrentSlideId: eventId,
-      }));
-
-      if (!state.uid) {
-        toast.error('Please login or complete your registration to register for events');
-        return;
-      }
-
-      const event = EventItem.find((item) => item.eventID === eventId);
-      if (!event) {
-        toast.error('Event not found');
-        return;
-      }
-
-      setState((prev) => ({
-        ...prev,
-        selectedEvent: event,
-        registerModalOpen: false,
-      }));
-
-      try {
-        if (state.hasPaid || state.isNitR) {
-          const response = await handleLoadingAndToast(
-            registerForEvent({
-              variables: {
-                eventRegistration: {
-                  eventID: eventId,
-                  userID: state.uid,
-                },
-              },
-            }),
-            'Registering...',
-            'Registered successfully!',
-            'Registration failed',
-            (loading) => setState((prev) => ({ ...prev, loading })),
-          );
-
-          if (response?.data) {
-            setState((prev) => ({
-              ...prev,
-              registeredEvents: [...prev.registeredEvents, eventId],
-              registered: true,
-            }));
-          }
-        } else {
-          toast.error('Registration not available until payment is completed.');
-        }
-      } catch (error) {
-        console.error('Registration error:', error);
-      }
-    },
-    [state.uid, state.hasPaid, EventItem, registerForEvent],
-  );
+  {
+    /* commented to close registeration */
+  }
+
+  // const handleEventRegister = useCallback(
+  //   async (eventId) => {
+  //     setState((prev) => ({
+  //       ...prev,
+  //       isCurrentSlideId: eventId,
+  //     }));
+
+  //     if (!state.uid) {
+  //       toast.error('Please login or complete your registration to register for events');
+  //       return;
+  //     }
+
+  //     const event = EventItem.find((item) => item.eventID === eventId);
+  //     if (!event) {
+  //       toast.error('Event not found');
+  //       return;
+  //     }
+
+  //     setState((prev) => ({
+  //       ...prev,
+  //       selectedEvent: event,
+  //       registerModalOpen: false,
+  //     }));
+
+  //     try {
+  //       if (state.hasPaid || state.isNitR) {
+  //         const response = await handleLoadingAndToast(
+  //           registerForEvent({
+  //             variables: {
+  //               eventRegistration: {
+  //                 eventID: eventId,
+  //                 userID: state.uid,
+  //               },
+  //             },
+  //           }),
+  //           'Registering...',
+  //           'Registered successfully!',
+  //           'Registration failed',
+  //           (loading) => setState((prev) => ({ ...prev, loading })),
+  //         );
+
+  //         if (response?.data) {
+  //           setState((prev) => ({
+  //             ...prev,
+  //             registeredEvents: [...prev.registeredEvents, eventId],
+  //             registered: true,
+  //           }));
+  //         }
+  //       } else {
+  //         toast.error('Registration not available until payment is completed.');
+  //       }
+  //     } catch (error) {
+  //       console.error('Registration error:', error);
+  //     }
+  //   },
+  //   [state.uid, state.hasPaid, EventItem, registerForEvent],
+  // );
+  {
+    /* commented to close registeration */
+  }
+
+  function handleEventRegister() {
+    toast('Registrations are closed! 👋');
+  }
 
   const handleCloseRegisterModal = useCallback(() => {
     setState((prev) => ({ ...prev, registerModalOpen: false }));

diff --git a/src/components/HeroSection/Hero.jsx b/src/components/HeroSection/Hero.jsx
@@ -1,11 +1,13 @@
 import './Hero.css';
 
+import { useEffect, useState } from 'react';
+
 import { motion } from 'framer-motion';
 import Cookies from 'js-cookie';
 import Image from 'next/image';
 import Link from 'next/link';
-import { HeroGreenPrimaryButton, HeroLogoText, HeroPrimaryButton } from './styles';
-import { useState, useEffect } from 'react';
+
+import { HeroGreenPrimaryButton, HeroLogoText } from './styles';
 
 export const Hero = () => {
   const [isRegistered, setIsRegistered] = useState(false);
@@ -104,11 +106,16 @@ export const Hero = () => {
           animate={{ opacity: 1 }}
           transition={{ duration: 1, delay: 1 }}
         >
-          {!isRegistered && (
+          {/* commented to close registeration */}
+
+          {/* {!isRegistered && (
             <HeroPrimaryButton>
               <Link href='/register'>Register</Link>
             </HeroPrimaryButton>
-          )}
+          )} */}
+
+          {/* commented to close registeration */}
+
           <HeroGreenPrimaryButton>
             <Link
               href='https://drive.google.com/file/d/1jglpl2SzbmpRc73ML80zREhnpxxQF4qx/view?usp=sharing'

diff --git a/src/components/Marginals/navbar/DesktopMenu/DesktopMenu.jsx b/src/components/Marginals/navbar/DesktopMenu/DesktopMenu.jsx
@@ -1,18 +1,17 @@
 import React from 'react';
+
+import { User } from 'lucide-react';
+import Image from 'next/image';
+import Link from 'next/link';
+
 import {
-  HamburgerContainer,
   MainBar,
   MainBarItems,
   MenuLogoItem,
   NavCover,
-  RegisterButton,
   ProfileButton,
 } from '@/components/Marginals/navbar/navbar.styles';
-import Hamburger from 'hamburger-react';
-import { ButtonData, logos, navLinks } from '@/config/content/NavbarData/NavData';
-import Image from 'next/image';
-import Link from 'next/link';
-import { User } from 'lucide-react';
+import { logos, navLinks } from '@/config/content/NavbarData/NavData';
 
 function DesktopMenu({ isOpen, handleToggle, handleProfileToggle, isLoggedIn }) {
   return (
@@ -30,15 +29,24 @@ function DesktopMenu({ isOpen, handleToggle, handleProfileToggle, isLoggedIn })
             </MainBarItems>
           ))}
         </MainBar>
-        {isLoggedIn ? (
+        {isLoggedIn && (
+          <ProfileButton onClick={handleProfileToggle}>
+            <User size={30} />
+          </ProfileButton>
+        )}
+
+        {/* commented to close registeration */}
+
+        {/* {isLoggedIn ? (
           <ProfileButton onClick={handleProfileToggle}>
             <User size={30} />
           </ProfileButton>
         ) : (
           <RegisterButton>
             <Link href='/register'>{ButtonData.title}</Link>
           </RegisterButton>
-        )}
+        )} */}
+        {/* commented to close registeration */}
       </NavCover>
     </div>
   );

diff --git a/src/components/Marginals/navbar/MobileMenu/MobileMenu.jsx b/src/components/Marginals/navbar/MobileMenu/MobileMenu.jsx
@@ -1,12 +1,13 @@
 import { AnimatePresence, motion } from 'framer-motion';
 import Link from 'next/link';
+
 import {
+  HamburgerRegisterButton,
   ResItem,
   ResList,
   ResMen,
-  HamburgerRegisterButton,
 } from '@/components/Marginals/navbar/navbar.styles';
-import { ButtonData, navLinks } from '@/config/content/NavbarData/NavData';
+import { navLinks } from '@/config/content/NavbarData/NavData';
 
 function MobileMenu({ isOpen, handleToggle, handleProfileToggle, isLoggedIn }) {
   return (
@@ -34,7 +35,13 @@ function MobileMenu({ isOpen, handleToggle, handleProfileToggle, isLoggedIn }) {
                 </ResItem>
               ))}
 
-              {isLoggedIn ? (
+              {isLoggedIn && (
+                <HamburgerRegisterButton onClick={handleProfileToggle}>
+                  Profile
+                </HamburgerRegisterButton>
+              )}
+              {/* commented to close registeration */}
+              {/* {isLoggedIn ? (
                 <HamburgerRegisterButton onClick={handleProfileToggle}>
                   Profile
                 </HamburgerRegisterButton>
@@ -44,7 +51,8 @@ function MobileMenu({ isOpen, handleToggle, handleProfileToggle, isLoggedIn }) {
                     {ButtonData.title}
                   </Link>
                 </HamburgerRegisterButton>
-              )}
+              )} */}
+              {/* commented to close registeration */}
             </ResList>
           </ResMen>
         </motion.div>