From 637afd471ce9c4fd718dd355d564d64637075be5 Mon Sep 17 00:00:00 2001
From: ebetoi <toivonen.ebe@gmail.com>
Date: Tue, 20 Aug 2024 18:43:49 +0300
Subject: [PATCH] offseason-24

---
 pages/index.tsx | 112 ++++++++++++++++++++++++------------------------
 1 file changed, 56 insertions(+), 56 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index bcf7486..45f528d 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,9 +5,9 @@ import Image from 'next/image';
 import Calendar from '@/components/calendar';
 import Footer from '@/components/footer';
 import Hero from '@/components/hero';
-import Player from '@/components/player';
+// import Player from '@/components/player';
 import RichText from '@/components/richtext';
-import { Showlist } from '@/components/showlist';
+// import { Showlist } from '@/components/showlist';
 import Sponsors, { ISponsorData } from '@/components/sponsors';
 import {
   fetchContent,
@@ -16,8 +16,8 @@ import {
 } from '@/contentful/client';
 import { contentfulImageLoader } from '@/contentful/contentfulImageLoader';
 import { IndexDocument, IndexQuery } from '@/contentful/graphql/index.graphql';
-import { fetchShowlist } from '@/scripts/google/client';
-import { Show, ShowsByDate } from '@/scripts/google/showlistHelpers';
+// import { fetchShowlist } from '@/scripts/google/client';
+// import { Show, ShowsByDate } from '@/scripts/google/showlistHelpers';
 
 const isPlayerLive = process.env.NEXT_PUBLIC_PLAYER_MODE === 'live';
 
@@ -33,7 +33,7 @@ interface IndexProps {
   heroButtonText: string;
   heroButtonLink: string;
   navigationItems: NavigationItem[];
-  showsByDate: ShowsByDate;
+  // showsByDate: ShowsByDate;
   firstDecorativeImage: {
     url?: string;
     width?: number;
@@ -62,17 +62,17 @@ const Index: NextPage<IndexProps & PlayerControls> = ({
   heroButtonText,
   heroButtonLink,
   navigationItems,
-  showsByDate,
-  // firstDecorativeImage,
-  // secondDecorativeImage,
-  // firstContent,
-  // secondContent,
-  // thirdContent,
+  // showsByDate,
+  firstDecorativeImage,
+  secondDecorativeImage,
+  firstContent,
+  secondContent,
+  thirdContent,
   sponsors,
-  playing,
-  onPlayPause,
-  muted,
-  onMute,
+  // playing,
+  // onPlayPause,
+  // muted,
+  // onMute,
 }) => {
   return (
     <div className="min-h-screen w-full">
@@ -94,7 +94,7 @@ const Index: NextPage<IndexProps & PlayerControls> = ({
         navigationItems={navigationItems}
         isCompact={isPlayerLive}
       />
-      {isPlayerLive && (
+      {/* isPlayerLive && (
         <Player
           playing={playing}
           onPlayPause={onPlayPause}
@@ -102,51 +102,51 @@ const Index: NextPage<IndexProps & PlayerControls> = ({
           onMute={onMute}
           showsByDate={showsByDate}
         />
-      )}
+      )} */}
 
-      <Showlist showsByDate={showsByDate} />
+      {/* <Showlist showsByDate={showsByDate} /> */}
 
       {/* First section */}
-      {/* <main className="flex flex-wrap-reverse items-center justify-center py-4 md:py-8"> */}
-      {/*   <div className="relative m-10 h-48 w-128 max-w-full md:m-8 md:h-96"> */}
-      {/*     <Image */}
-      {/*       src={firstDecorativeImage.url} */}
-      {/*       loader={contentfulImageLoader} */}
-      {/*       layout="fill" */}
-      {/*       objectFit="cover" */}
-      {/*       className="rounded" */}
-      {/*       alt="" */}
-      {/*     /> */}
-      {/*   </div> */}
-      {/*   <section className="m-4 w-128 max-w-full text-lg text-white md:m-8"> */}
-      {/*     <RichText content={firstContent} /> */}
-      {/*   </section> */}
-      {/* </main> */}
+      <main className="flex flex-wrap-reverse items-center justify-center py-4 md:py-8">
+        <div className="relative m-10 h-48 w-128 max-w-full md:m-8 md:h-96">
+          <Image
+            src={firstDecorativeImage.url}
+            loader={contentfulImageLoader}
+            layout="fill"
+            objectFit="cover"
+            className="rounded"
+            alt=""
+          />
+        </div>
+        <section className="m-4 w-128 max-w-full text-lg text-white md:m-8">
+          <RichText content={firstContent} />
+        </section>
+      </main>
 
       {/* Second section */}
-      {/* <div className="min-h-32 flex w-full flex-wrap items-center justify-center bg-blue-dark py-4 md:py-8"> */}
-      {/*   <section className="m-4 w-128 max-w-full text-base text-white md:m-8"> */}
-      {/*     <RichText content={secondContent} /> */}
-      {/*   </section> */}
-      {/*   <Calendar /> */}
-      {/* </div> */}
+      <div className="min-h-32 flex w-full flex-wrap items-center justify-center bg-blue-dark py-4 md:py-8">
+        <section className="m-4 w-128 max-w-full text-base text-white md:m-8">
+          <RichText content={secondContent} />
+        </section>
+        <Calendar />
+      </div>
 
       {/* Third section */}
-      {/* <div className="flex flex-wrap items-center justify-center py-4 md:py-8"> */}
-      {/*   <section className="m-4 w-128 max-w-full text-base text-white md:m-8"> */}
-      {/*     <RichText content={thirdContent} /> */}
-      {/*   </section> */}
-      {/*   <div className="relative m-10 h-48 w-128 max-w-full md:m-8 md:h-96"> */}
-      {/*     <Image */}
-      {/*       src={secondDecorativeImage.url} */}
-      {/*       loader={contentfulImageLoader} */}
-      {/*       layout="fill" */}
-      {/*       objectFit="cover" */}
-      {/*       className="rounded" */}
-      {/*       alt="" */}
-      {/*     /> */}
-      {/*   </div> */}
-      {/* </div> */}
+      <div className="flex flex-wrap items-center justify-center py-4 md:py-8">
+        <section className="m-4 w-128 max-w-full text-base text-white md:m-8">
+          <RichText content={thirdContent} />
+        </section>
+        <div className="relative m-10 h-48 w-128 max-w-full md:m-8 md:h-96">
+          <Image
+            src={secondDecorativeImage.url}
+            loader={contentfulImageLoader}
+            layout="fill"
+            objectFit="cover"
+            className="rounded"
+            alt=""
+          />
+        </div>
+      </div>
       <Sponsors sponsors={sponsors} />
       <Footer navigationItems={navigationItems} />
     </div>
@@ -173,7 +173,7 @@ export const getStaticProps: GetStaticProps<IndexProps> = async () => {
 
   const navigationItems = await fetchNavigationItems();
 
-  const showsByDate = await fetchShowlist();
+  // const showsByDate = await fetchShowlist();
 
   return {
     props: {
@@ -183,7 +183,7 @@ export const getStaticProps: GetStaticProps<IndexProps> = async () => {
       heroButtonText,
       heroButtonLink,
       navigationItems,
-      showsByDate,
+      // showsByDate,
       firstDecorativeImage,
       secondDecorativeImage,
       firstContent,