From a001140037884a34f92b9c074e6cb25301324b19 Mon Sep 17 00:00:00 2001
From: RedBeardEth <90423049+RedBeardEth@users.noreply.github.com>
Date: Wed, 11 Dec 2024 20:05:45 +1100
Subject: [PATCH] hide events

---
 apps/nextjs/src/app/(app)/page.tsx           | 39 ++++++++++++++------
 apps/nextjs/src/app/_components/SideMenu.tsx |  9 ++---
 2 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/apps/nextjs/src/app/(app)/page.tsx b/apps/nextjs/src/app/(app)/page.tsx
index 32b3f913..9453cb93 100644
--- a/apps/nextjs/src/app/(app)/page.tsx
+++ b/apps/nextjs/src/app/(app)/page.tsx
@@ -15,13 +15,20 @@ import { PageLayout } from "../_components/PageLayout";
 import { Partners } from "../_components/Partners";
 import { BlogGrid } from "./blogs/BlogGrid";
 import CollectionsList from "./collection/CollectionsList";
-import { EventGrid } from "./events/EventGrid";
+
+//import { EventGrid } from "./events/EventGrid";
 
 export default async function Home() {
   const games = await reader().collections.games.all();
   const carouselItems = games
     .filter((a) => a.slug === "realms-eternum")
-    .concat(games.filter((a) => (a.slug !== "realms-eternum" && (a.entry.status === "beta" || a.entry.status === "mainnet"))))
+    .concat(
+      games.filter(
+        (a) =>
+          a.slug !== "realms-eternum" &&
+          (a.entry.status === "beta" || a.entry.status === "mainnet"),
+      ),
+    )
     .map((game) => ({
       alt: game.entry.title,
       src: `/content/games/${game.slug}/${game.entry.coverImage}`,
@@ -37,7 +44,7 @@ export default async function Home() {
           {carouselItems.map((item, index) => (
             <CarouselItem key={index}>
               <Link href={item.href}>
-                <div className="relative h-[300px] sm:h-[400px] md:h-[500px] lg:h-[700px] border-b">
+                <div className="relative h-[300px] border-b sm:h-[400px] md:h-[500px] lg:h-[700px]">
                   <Image
                     src={item.src}
                     alt={item.alt}
@@ -46,9 +53,15 @@ export default async function Home() {
                     className="h-full w-full rounded object-cover"
                   />
                   <div className="absolute bottom-0 left-0 right-0 rounded bg-gradient-to-r from-black to-transparent p-4 sm:p-6 md:p-8">
-                    <h2 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl">{item.title}</h2>
-                    <p className="mb-2 sm:mb-3 md:mb-4 text-sm sm:text-base md:text-lg lg:text-xl">{item.description}</p>
-                    <Button variant="outline" className="text-sm sm:text-base">View game</Button>
+                    <h2 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl">
+                      {item.title}
+                    </h2>
+                    <p className="mb-2 text-sm sm:mb-3 sm:text-base md:mb-4 md:text-lg lg:text-xl">
+                      {item.description}
+                    </p>
+                    <Button variant="outline" className="text-sm sm:text-base">
+                      View game
+                    </Button>
                   </div>
                 </div>
               </Link>
@@ -61,7 +74,9 @@ export default async function Home() {
       <div className="px-4 sm:px-6 md:px-8">
         <Partners />
 
-        <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">All Games</h2>
+        <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">
+          All Games
+        </h2>
         <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
           {games.map((game, index) => (
             <GameCard key={index} game={game.entry} slug={game.slug} />
@@ -69,16 +84,18 @@ export default async function Home() {
         </div>
 
         <div className="my-12 sm:my-16 md:my-20 lg:my-24">
-          <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">News</h2>
+          <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">
+            News
+          </h2>
           <BlogGrid />
         </div>
 
-        <div className="my-12 sm:my-16 md:my-20 lg:my-24">
+        {/*<div className="my-12 sm:my-16 md:my-20 lg:my-24">
           <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">Events</h2>
           <EventGrid isHomepage={true} />
-        </div>
+        </div>*/}
 
-        <hr className="my-6 sm:my-8 border" />
+        <hr className="my-6 border sm:my-8" />
         <div className="my-12 sm:my-16 md:my-20">
           <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">
             Featured Collections
diff --git a/apps/nextjs/src/app/_components/SideMenu.tsx b/apps/nextjs/src/app/_components/SideMenu.tsx
index 9709aaff..7574c3d3 100644
--- a/apps/nextjs/src/app/_components/SideMenu.tsx
+++ b/apps/nextjs/src/app/_components/SideMenu.tsx
@@ -13,11 +13,10 @@ import Gamepad from "@/icons/gamepad.svg";
 import LordsIcon from "@/icons/lords.svg";
 import RWLogo from "@/icons/rw-logo.svg";
 import SideHeaderImg from "@/icons/side-header.svg";
-import { Github, Newspaper, Twitter, User } from "lucide-react";
-import { cn } from "@realms-world/utils";
-
 import { Button } from "@realms-world/ui/components/ui/button";
 import { ScrollArea } from "@realms-world/ui/components/ui/scroll-area";
+import { cn } from "@realms-world/utils";
+import { Github, Newspaper, Twitter, User } from "lucide-react";
 
 import { useUIStore } from "../../providers/UIStoreProvider";
 
@@ -38,11 +37,11 @@ const Sidebar = () => {
       href: "/collection",
       icon: <Album className="w-[25px]" />,
     },
-    {
+    /* {
       name: "Events",
       href: "/events",
       icon: <Calender className="w-[25px]" />,
-    },
+    },*/
     {
       name: "Blog",
       href: "/blogs",