Day Timer Trying out with OBS

HackDavis · Apr 27, 2024 · 31633e5 · 31633e5
1 parent af11f59
commit 31633e5
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 19 deletions.
diff --git a/app/(pages)/(index-page)/event/_components/LandingEvent/LandingEvent.tsx b/app/(pages)/(index-page)/event/_components/LandingEvent/LandingEvent.tsx
@@ -27,10 +27,24 @@ export default function LandingEvent() {
         <div className={styles.clouds}>
           <Clouds />
         </div>
-        <div className={styles.grass}>
-          <Grass />
-        </div>
+        {!isDayTimer && (
+          <div className={styles.grass}>
+            <Grass />
+          </div>
+        )}
       </div>
     </main>
   );
 }
+// .grass{
+//   position: relative;
+//   z-index: 2;
+//   margin-top: -12vw;
+//   @media(max-width: $tablet-breakpoint){
+//     margin-top: -130px;
+//   }
+
+//   @media(max-width: $mobile-breakpoint){
+//     margin-top: -250px;
+//   }
+// }
diff --git a/app/(pages)/(index-page)/event/_components/LandingEvent/_components/Timer/Timer.tsx b/app/(pages)/(index-page)/event/_components/LandingEvent/_components/Timer/Timer.tsx
@@ -5,6 +5,7 @@ import DOECountDown from './_components/DOECountDown';
 import Image from 'next/image';
 import HackDavisLogo from 'public/navbar/logo.svg';
 import { TiLocation } from 'react-icons/ti';
+import { usePathname } from 'next/navigation'; // Import useRouter
 
 type ButtonLink = {
   title: string;
@@ -34,6 +35,8 @@ const buttonLinks: ButtonLink[] = [
 export default function Timer() {
   const startTime = new Date('2024-04-27T14:00:00-07:00');
   const endTime = new Date('2024-04-28T14:00:00-07:00');
+  const pathname = usePathname();
+  const isDayTimer = pathname.includes('dayTimer');
   return (
     <main className="">
       <div className="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-6">
@@ -49,22 +52,24 @@ export default function Timer() {
         </div>
         <DOECountDown startTime={startTime} endTime={endTime} />
 
-        <div className="tw-flex tw-items-center tw-justify-center tw-gap-4">
-          {buttonLinks.map((button, index) => (
-            <Link key={index} href={button.url}>
-              <button
-                className="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-rounded-3xl tw-p-2 tw-px-6 tw-text-sm tw-font-semibold md:tw-text-base"
-                style={{
-                  backgroundColor: button.bgColor,
-                  color: button.textColor,
-                }}
-              >
-                {button.icon ? <span>{button.icon}</span> : <></>}
-                <span className="tw-mt-1">{button.title}</span>
-              </button>
-            </Link>
-          ))}
-        </div>
+        {!isDayTimer && (
+          <div className="tw-flex tw-items-center tw-justify-center tw-gap-4">
+            {buttonLinks.map((button, index) => (
+              <Link key={index} href={button.url}>
+                <button
+                  className="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-rounded-3xl tw-p-2 tw-px-6 tw-text-sm tw-font-semibold md:tw-text-base"
+                  style={{
+                    backgroundColor: button.bgColor,
+                    color: button.textColor,
+                  }}
+                >
+                  {button.icon ? <span>{button.icon}</span> : <></>}
+                  <span className="tw-mt-1">{button.title}</span>
+                </button>
+              </Link>
+            ))}
+          </div>
+        )}
         <div
           className="tw-flex tw-gap-1 tw-font-medium tw-text-dark-blue"
           style={{