diff --git a/app/routes/events-team.tsx b/app/routes/events-team.tsx index 0fd1815..0b1f768 100644 --- a/app/routes/events-team.tsx +++ b/app/routes/events-team.tsx @@ -24,6 +24,12 @@ import { } from "@chakra-ui/react"; import { useLoaderData } from "@remix-run/react"; import { useState } from "react"; +import stylesheet from "../styles/events-team.css"; +import { type LinksFunction } from "@remix-run/cloudflare"; + +export const links: LinksFunction = () => { + return [{ href: stylesheet, rel: "stylesheet" }]; +}; export async function loader({ context }: { context: RequestContext }) { if (!context.data.current_user) @@ -337,6 +343,13 @@ export default function () { (member) => member.id === event.created_by, )?.name; + const eventColors: { [k: string]: string } = { + fotd: "cyan", + gamenight: "blue", + rotw: "magenta", + qotd: "#9900FF", + }; + return ( @@ -445,6 +458,10 @@ export default function () { ? "Approved" : "Denied"} + ); diff --git a/app/styles/events-team.css b/app/styles/events-team.css new file mode 100644 index 0000000..08510c0 --- /dev/null +++ b/app/styles/events-team.css @@ -0,0 +1,8 @@ +.dot { + align-self: center; + border-radius: 50%; + height: 32px; + margin-left: auto; + margin-right: 0; + width: 32px; +}