custom red-white

pveyes · Aug 17, 2023 · 4291e6d · 4291e6d · vercel · Aug 17, 2023
1 parent 238b402
commit 4291e6d
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/components/HeadingWithNum.tsx b/components/HeadingWithNum.tsx
@@ -4,11 +4,21 @@ interface Props {
 }
 
 export default function HeadingWithNum(props: Props) {
+  const [_, mm, dd] = new Date().toISOString().split("T")[0].split("-");
+  const isIndonesiaIndependenceDay = mm === "08" && dd === "17";
+  let customNumClass = "";
+  if (isIndonesiaIndependenceDay) {
+    customNumClass = "text-white bg-red-500 p-1";
+  }
+
   return (
     <span>
       {props.enableLiarMode ? "Katlie" : "Katla"}
       {props.num && (
-        <sup className="-top-4 tracking-tight" style={{ fontSize: "45%" }}>
+        <sup
+          className={`-top-4 tracking-tight ${customNumClass}`}
+          style={{ fontSize: "45%" }}
+        >
           #{props.num}
         </sup>
       )}