diff --git a/app/routes/events-calendar.tsx b/app/routes/events-calendar.tsx
index c192755..60f25ae 100644
--- a/app/routes/events-calendar.tsx
+++ b/app/routes/events-calendar.tsx
@@ -1,13 +1,25 @@
import calendarStyles from "react-big-calendar/lib/css/react-big-calendar.css";
+import eventStyles from "../styles/events-team.css";
import { Calendar, dayjsLocalizer } from "react-big-calendar";
import dayjs from "dayjs";
import { type LinksFunction } from "@remix-run/cloudflare";
-import { Card, CardHeader, Container, Heading } from "@chakra-ui/react";
+import {
+ Accordion,
+ AccordionButton,
+ AccordionIcon,
+ AccordionItem,
+ AccordionPanel,
+ Box,
+ Container,
+} from "@chakra-ui/react";
import { useLoaderData } from "@remix-run/react";
import { useState } from "react";
export const links: LinksFunction = () => {
- return [{ href: calendarStyles, rel: "stylesheet" }];
+ return [
+ { href: calendarStyles, rel: "stylesheet" },
+ { href: eventStyles, rel: "stylesheet" },
+ ];
};
export async function loader({ context }: { context: RequestContext }) {
@@ -72,11 +84,50 @@ export default function () {
}}
style={{ height: 500 }}
/>
-
+
+
+
+
+
+ Fact of the Day
+
+
+
+
+
+
+
+
+
+
+ Gamenight
+
+
+
+
+
+
+
+
+
+
+ Riddle of the Week
+
+
+
+
+
+
+
+
+
+ Question of the Day
+
+
+
+
+
+
);
}
diff --git a/app/styles/events-team.css b/app/styles/events-team.css
index 08510c0..1935902 100644
--- a/app/styles/events-team.css
+++ b/app/styles/events-team.css
@@ -6,3 +6,9 @@
margin-right: 0;
width: 32px;
}
+
+@media(min-width: 501px) {
+ .events-accordion {
+ display: none;
+ }
+}