Add EBTV badge

components/calendar/EventInfo.tsx

@@ -110,6 +110,7 @@ const EventInfo = ({ event, edit }: EventInfoProps) => {
                       src: `${badge.badgeName}.gif`,
                       description: "",
                       count: 1,
+                      hueRotateAngle: badge.hueRotateAngle,
                     }))}
                   />
                 ) : null}

components/u/BadgeContainer.tsx

@@ -13,6 +13,7 @@ const BadgeContainer = ({
   badges: {
     src: string;
     description: string;
+    hueRotateAngle?: number;
     count: number;
   }[];
 }) => {
@@ -39,6 +40,11 @@ const BadgeContainer = ({
                       h={10}
                       m={1}
                       src={`/badges/${badge.src}`}
+                      filter={
+                        typeof badge.hueRotateAngle === "number"
+                          ? `hue-rotate(${badge.hueRotateAngle}deg)`
+                          : undefined
+                      }
                     />
                   </Box>{" "}
                   <Text ml={4} fontSize="sm" color={CSSVariables.textColor}>
@@ -61,6 +67,11 @@ const BadgeContainer = ({
                   h={10}
                   m={1}
                   src={`/badges/${badge.src}`}
+                  filter={
+                    typeof badge.hueRotateAngle === "number"
+                      ? `hue-rotate(${badge.hueRotateAngle}deg)`
+                      : undefined
+                  }
                 />
                 <Text
                   style={{

components/u/Badges.tsx

@@ -6,6 +6,7 @@ export const regularTournamentBadges: {
   badgeName: string;
   name: string;
   altNames?: string[];
+  hueRotateAngle?: number;
   winnerDiscordIds: string;
 }[] = [
   {
@@ -15,6 +16,12 @@ export const regularTournamentBadges: {
     winnerDiscordIds:
       "393411373289177098,300073469503340546,554124226915860507,417489824589676548,403345464138661888,343375632819814400,726389792237027370,570288931321413653,716227192060641281,381129695980290050,448493571419537428,207150814735761408,339041223736164354",
   },
+  {
+    badgeName: "ebtv",
+    name: "tbd",
+    winnerDiscordIds: "335179210878353409",
+    hueRotateAngle: -76,
+  },
   {
     badgeName: "girls",
     name: "Girls Duo Cup",
@@ -94,7 +101,12 @@ const usersBadges = ({
   peakXP = -1,
   presentationMode,
 }: BadgesProps) => {
-  const result: { src: string; description: string; count: number }[] = [];
+  const result: {
+    src: string;
+    description: string;
+    count: number;
+    hueRotateAngle?: number;
+  }[] = [];
 
   const [itz1To9, itz10to19, itz20To29] = wonITZCount(userId);
 
@@ -220,6 +232,7 @@ const usersBadges = ({
       src: `${tournament.badgeName}.gif`,
       description: `Awarded for winning ${tournament.name}`,
       count: presentationMode ? 1 : count,
+      hueRotateAngle: tournament.hueRotateAngle,
     });
   }
 

pages/api/calendar.ts

@@ -0,0 +1,13 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { createHandler } from "utils/api";
+import calendarService from "services/calendar";
+
+const GET = async (_req: NextApiRequest, res: NextApiResponse) => {
+  const events = await calendarService.events();
+  res.status(200).json(events);
+};
+
+const colorsHandler = (req: NextApiRequest, res: NextApiResponse) =>
+  createHandler(req, res, { GET });
+
+export default colorsHandler;