From 7af5821fb95e7d9a4d781efd4c64009fe4186743 Mon Sep 17 00:00:00 2001
From: Dewantoro Triatmojo <99950492+dewodt@users.noreply.github.com>
Date: Thu, 22 Feb 2024 00:51:47 +0700
Subject: [PATCH] Sponsorship: Media Partner (#49)

* feat: add media partner.

* fix: change main event time.
---
 app/api/feedback/route.ts                |   2 +-
 app/main-event/announcement/accepted.tsx |   2 +-
 app/main-event/page.tsx                  |   2 +-
 app/sponsorship/page.tsx                 | 100 +++++++++++++++++++++--
 lib/cms.ts                               |  21 +++++
 lib/special-date.ts                      |   2 +-
 types/cms.ts                             |   3 +
 7 files changed, 123 insertions(+), 9 deletions(-)

diff --git a/app/api/feedback/route.ts b/app/api/feedback/route.ts
index 7deee22..5336b2f 100644
--- a/app/api/feedback/route.ts
+++ b/app/api/feedback/route.ts
@@ -3,7 +3,7 @@ import { appendGoogleSheets } from "@/lib/google-sheets";
 import PostHogClient from "@/lib/posthog-server";
 import { prisma } from "@/lib/prisma";
 import { isUserAllowedFeedback, isUserFeedbacked } from "@/lib/query";
-import { feedbackEndDate, feedbackStartDate } from "@/lib/special-date";
+import { feedbackStartDate } from "@/lib/special-date";
 import { feedbackSchema } from "@/lib/zod";
 import { getServerSession } from "next-auth";
 import { type NextRequest, NextResponse } from "next/server";
diff --git a/app/main-event/announcement/accepted.tsx b/app/main-event/announcement/accepted.tsx
index a97cfdd..d724ac4 100644
--- a/app/main-event/announcement/accepted.tsx
+++ b/app/main-event/announcement/accepted.tsx
@@ -61,7 +61,7 @@ async function Accepted(props: { session: Session }) {
                 <p className="text-sm lg:text-xl">
                   Location: Cornerstone Auditorium, Paskal 23
                 </p>
-                <p className="text-sm lg:text-xl">Time: 15:00 - 21:10 WIB</p>
+                <p className="text-sm lg:text-xl">Time: 15:00 - 21:00 WIB</p>
                 <p className="text-sm lg:text-xl">
                   Contact Person: @mulan19aja (Line ID)
                 </p>
diff --git a/app/main-event/page.tsx b/app/main-event/page.tsx
index 305b31e..bf65d61 100644
--- a/app/main-event/page.tsx
+++ b/app/main-event/page.tsx
@@ -255,7 +255,7 @@ async function page() {
               data-aos="fade-right"
               className="text-3xl italic text-[#FDB10E] lg:text-5xl"
             >
-              15.00 WIB - 21:10 WIB
+              15.00 WIB - 21:00 WIB
             </p>
             <div data-aos="fade-right" className="flex gap-2 align-middle">
               <MapPin className="h-4 w-4 lg:h-8 lg:w-8" />
diff --git a/app/sponsorship/page.tsx b/app/sponsorship/page.tsx
index 8cc1639..a7e5eb4 100644
--- a/app/sponsorship/page.tsx
+++ b/app/sponsorship/page.tsx
@@ -24,7 +24,15 @@ export default async function Sponsorship() {
     sponsorshipTags
   );
   const {
-    sponsorship: { xlSponsor, lSponsor, mSponsor, sSponsor },
+    sponsorship: {
+      xlSponsor,
+      lSponsor,
+      mSponsor,
+      sSponsor,
+      mMediaPartner,
+      lMediaPartner,
+      xlMediaPartner,
+    },
   } = sponsorshipQueryResult;
 
   return (
@@ -66,9 +74,17 @@ export default async function Sponsorship() {
       <div className="relative flex w-full flex-col items-center gap-24 overflow-hidden bg-[#1C1C1C] px-4 py-28 sm:py-32 lg:gap-32 lg:py-52">
         {/* Sponsors Div Group */}
         <div className="z-20 flex w-full max-w-[287px] flex-col gap-12 sm:max-w-[620px] lg:max-w-[990px] lg:gap-16">
+          {/* Title */}
+          <h2
+            data-aos="zoom-in-up"
+            className="stroke-ted-white text-center font-anderson text-4xl font-bold text-ted-white drop-shadow-[2px_4px_25px_rgba(255,255,255,0.9)] lg:text-6xl"
+          >
+            SPONSORS
+          </h2>
+
           {/* First Class */}
           <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 sm:gap-6 lg:gap-8">
-            {xlSponsor.map((data, index) => {
+            {xlSponsor.map((data) => {
               return (
                 <div
                   key={data.id}
@@ -89,7 +105,7 @@ export default async function Sponsorship() {
 
           {/* Second Class */}
           <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 sm:gap-5 lg:gap-6">
-            {lSponsor.map((data, index) => {
+            {lSponsor.map((data) => {
               return (
                 <div
                   key={data.id}
@@ -110,7 +126,7 @@ export default async function Sponsorship() {
 
           {/* Third Class */}
           <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 lg:gap-6">
-            {mSponsor.map((data, index) => {
+            {mSponsor.map((data) => {
               return (
                 <div
                   key={data.id}
@@ -131,7 +147,81 @@ export default async function Sponsorship() {
 
           {/* Fourth Class */}
           <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 lg:gap-6">
-            {sSponsor.map((data, index) => {
+            {sSponsor.map((data) => {
+              return (
+                <div
+                  key={data.id}
+                  data-aos="zoom-in-up"
+                  className="flex h-[75px] w-[85px] items-center justify-center overflow-hidden rounded-md bg-white p-2 shadow-[2px_4px_25px_0px_rgba(255,255,255,0.25)] lg:h-[115px] lg:w-[140px] lg:p-4"
+                >
+                  <Image
+                    src={data.url}
+                    width={data.width}
+                    height={data.height}
+                    alt={data.alt}
+                    className="h-full w-full object-contain object-center transition duration-300 ease-in-out hover:scale-110"
+                  />
+                </div>
+              );
+            })}
+          </section>
+        </div>
+
+        {/* Media Partner Div Group */}
+        <div className="z-20 flex w-full max-w-[287px] flex-col gap-12 sm:max-w-[620px] lg:max-w-[990px] lg:gap-16">
+          {/* Title */}
+          <h2
+            data-aos="zoom-in-up"
+            className="stroke-ted-white text-center font-anderson text-4xl font-bold text-ted-white drop-shadow-[2px_4px_25px_rgba(255,255,255,0.9)] lg:text-6xl"
+          >
+            MEDIA PARTNER
+          </h2>
+
+          {/* First Class */}
+          <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 sm:gap-5 lg:gap-6">
+            {xlMediaPartner.map((data) => {
+              return (
+                <div
+                  key={data.id}
+                  data-aos="zoom-in-up"
+                  className="flex h-[125px] w-[135px] items-center justify-center overflow-hidden rounded-md bg-white p-2 shadow-[2px_4px_25px_0px_rgba(255,255,255,0.25)] sm:h-[125px] sm:w-[140px] sm:p-4 lg:h-[200px] lg:w-[225px]"
+                >
+                  <Image
+                    src={data.url}
+                    width={data.width}
+                    height={data.height}
+                    alt={data.alt}
+                    className="h-full w-full object-contain object-center transition duration-300 ease-in-out hover:scale-110"
+                  />
+                </div>
+              );
+            })}
+          </section>
+
+          {/* Second Class */}
+          <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 lg:gap-6">
+            {lMediaPartner.map((data) => {
+              return (
+                <div
+                  key={data.id}
+                  data-aos="zoom-in-up"
+                  className="flex h-[75px] w-[85px] items-center justify-center overflow-hidden rounded-md bg-white p-2 shadow-[2px_4px_25px_0px_rgba(255,255,255,0.25)] sm:h-[95px] sm:w-[110px] sm:p-4 lg:h-[150px] lg:w-[175px]"
+                >
+                  <Image
+                    src={data.url}
+                    width={data.width}
+                    height={data.height}
+                    alt={data.alt}
+                    className="h-full w-full object-contain object-center transition duration-300 ease-in-out hover:scale-110"
+                  />
+                </div>
+              );
+            })}
+          </section>
+
+          {/* Third Class */}
+          <section className="flex w-full flex-row flex-wrap items-center justify-center gap-4 lg:gap-6">
+            {mMediaPartner.map((data) => {
               return (
                 <div
                   key={data.id}
diff --git a/lib/cms.ts b/lib/cms.ts
index 6be27a7..371fb93 100644
--- a/lib/cms.ts
+++ b/lib/cms.ts
@@ -56,6 +56,27 @@ export const sponsorshipQuery = `{
       width
       height
     }
+    mMediaPartner {
+      id
+      url
+      alt
+      width
+      height
+    }
+    lMediaPartner {
+      id
+      url
+      alt
+      width
+      height
+    }
+    xlMediaPartner{
+      id
+      url
+      alt
+      width
+      height
+    }
   }
 }`;
 
diff --git a/lib/special-date.ts b/lib/special-date.ts
index 24421b0..1d39685 100644
--- a/lib/special-date.ts
+++ b/lib/special-date.ts
@@ -20,4 +20,4 @@ export const endVotingDate = new Date("February 7, 2024 13:00:00").getTime();
 
 export const feedbackStartDate = new Date("March 9, 2024 11:00:00").getTime();
 
-export const feedbackEndDate = new Date("March 9, 2024 11:00:00").getTime();
+// export const feedbackEndDate = new Date("March 9, 2024 11:00:00").getTime();
diff --git a/types/cms.ts b/types/cms.ts
index ca15f4b..f387cb8 100644
--- a/types/cms.ts
+++ b/types/cms.ts
@@ -14,6 +14,9 @@ export interface SponsorshipQueryResult {
     lSponsor: ImageCMS[];
     mSponsor: ImageCMS[];
     sSponsor: ImageCMS[];
+    mMediaPartner: ImageCMS[];
+    lMediaPartner: ImageCMS[];
+    xlMediaPartner: ImageCMS[];
   };
 }