Compare commits
20 Commits
main
...
warning-he
Author | SHA1 | Date |
---|---|---|
Shahan Nedadahandeh | 96034ac23d | |
Shahan Nedadahandeh | a0d25c9ee1 | |
Shahan Nedadahandeh | 936d7547f9 | |
Shahan Nedadahandeh | 598ffc20f9 | |
Shahan Nedadahandeh | 31d72b7265 | |
Shahan Nedadahandeh | 18e1448ec0 | |
Shahan Nedadahandeh | 73a85ff07d | |
Shahan Nedadahandeh | f34687d5cb | |
Shahan Nedadahandeh | 83e7bc7e57 | |
Shahan Nedadahandeh | d81a5ae9ab | |
Shahan Nedadahandeh | eec866b607 | |
Shahan Nedadahandeh | ae833a912c | |
Shahan Nedadahandeh | 3d6073ab99 | |
Shahan Nedadahandeh | df51348643 | |
Shahan Nedadahandeh | e4a4c62b93 | |
Shahan Nedadahandeh | 08ee4b73ac | |
Shahan Nedadahandeh | c14de15625 | |
Shahan Nedadahandeh | 7ac10ce64f | |
Shahan Nedadahandeh | 1fe6d38d55 | |
Shahan Nedadahandeh | a3cc1533ab |
|
@ -34,6 +34,8 @@ export const PALETTE_NAMES = [
|
|||
"--text",
|
||||
|
||||
"--form-invalid",
|
||||
"--warning-background",
|
||||
"--warning-text",
|
||||
|
||||
"--input-background",
|
||||
"--input-placeholder-text",
|
||||
|
|
|
@ -0,0 +1,12 @@
|
|||
.warning{
|
||||
background-color: var(--warning-background);
|
||||
padding: calc(6rem / 16);
|
||||
color: var(--warning-text);
|
||||
font-size: calc(16rem / 16);
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
|
||||
/* The following are for a smooth fade in if there ever is a loading required for the warning, is not needed currently */
|
||||
/* max-height: 500px;
|
||||
/* transition: max-height 1000ms ease-in, padding 100ms ease-in; */
|
||||
}
|
|
@ -0,0 +1,60 @@
|
|||
import { parse } from "date-fns";
|
||||
import React from "react";
|
||||
|
||||
import warnings from "../content/warnings/warnings.json";
|
||||
import { DATE_FORMAT, getLocalDateFromEST } from "../utils";
|
||||
|
||||
import styles from "./WarningHeader.module.css";
|
||||
|
||||
interface Warning {
|
||||
message: string;
|
||||
startDate: string;
|
||||
endDate: string;
|
||||
}
|
||||
|
||||
function getCurrentWarning(): Warning | null {
|
||||
const today = new Date();
|
||||
const currentWarnings: Warning[] = warnings.filter((warning) => {
|
||||
// convert dates to date objects in EST time zone
|
||||
let startDate = parse(warning.startDate, DATE_FORMAT, new Date());
|
||||
let endDate = parse(warning.endDate, DATE_FORMAT, new Date());
|
||||
|
||||
if (
|
||||
!startDate ||
|
||||
!endDate ||
|
||||
isNaN(startDate.getTime()) || // this checks if the parsed date is not valid (eg. wrong format), since getLocalDateFromEST fails with invalid dates
|
||||
isNaN(endDate.getTime())
|
||||
) {
|
||||
throw new Error('WARNING WITH INVALID DATES: "' + warning.message + '"');
|
||||
}
|
||||
|
||||
startDate = getLocalDateFromEST(startDate);
|
||||
endDate = getLocalDateFromEST(endDate);
|
||||
|
||||
return (
|
||||
startDate.getTime() <= today.getTime() &&
|
||||
endDate.getTime() >= today.getTime()
|
||||
);
|
||||
});
|
||||
|
||||
if (currentWarnings.length > 1) {
|
||||
// If more than one warning is scheduled, log an error to the console. We cannot throw an error, since the site would go down on the live
|
||||
// website, on the day when more than one warning is scheduled.
|
||||
console.error(
|
||||
"ERROR: MORE THAN ONE WARNING SCHEDULED CURRENTLY! ",
|
||||
currentWarnings
|
||||
);
|
||||
}
|
||||
|
||||
return currentWarnings.length === 0 ? null : currentWarnings[0];
|
||||
}
|
||||
|
||||
export function WarningHeader() {
|
||||
const warning = getCurrentWarning();
|
||||
|
||||
if (warning == null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return <div className={styles.warning}>{warning.message}</div>;
|
||||
}
|
|
@ -0,0 +1,12 @@
|
|||
[
|
||||
{
|
||||
"startDate": "February 15 2022 00:00",
|
||||
"endDate": "March 15 2022 18:00",
|
||||
"message": "Warning: There will be a scheduled system maintenance on March 14 from 9pm to 11:59pm EST"
|
||||
},
|
||||
{
|
||||
"startDate": "January 29 2022 21:00",
|
||||
"endDate": "January 30 2022 18:00",
|
||||
"message": "This is a sample warning"
|
||||
}
|
||||
]
|
|
@ -2,14 +2,19 @@ import fs from "fs/promises";
|
|||
import path from "path";
|
||||
|
||||
import { parse } from "date-fns";
|
||||
import { utcToZonedTime, zonedTimeToUtc } from "date-fns-tz";
|
||||
import matter from "gray-matter";
|
||||
import { MDXRemoteSerializeResult } from "next-mdx-remote";
|
||||
import { serialize } from "next-mdx-remote/serialize";
|
||||
|
||||
import type { Props } from "../pages/events/[year]/[term]/index";
|
||||
// do not use alias "@/utils" as generate-calendar imports a function from this file and ts-node is not compatible
|
||||
import { Term, TERMS, isTerm } from "../utils";
|
||||
import {
|
||||
Term,
|
||||
TERMS,
|
||||
isTerm,
|
||||
DATE_FORMAT,
|
||||
getLocalDateFromEST,
|
||||
} from "../utils";
|
||||
|
||||
const EVENTS_PATH = path.join("content", "events");
|
||||
|
||||
|
@ -55,8 +60,6 @@ export interface Event {
|
|||
metadata: Metadata;
|
||||
}
|
||||
|
||||
export const DATE_FORMAT = "MMMM dd yyyy HH:mm";
|
||||
|
||||
export async function getEventBySlug(
|
||||
year: string,
|
||||
term: Term,
|
||||
|
@ -284,12 +287,3 @@ function getFutureTerm(year: string, term: Term): { year: string; term: Term } {
|
|||
term: TERMS[index + 1],
|
||||
};
|
||||
}
|
||||
|
||||
// The date that's returned should be in local time
|
||||
export function getLocalDateFromEST(date: Date) {
|
||||
return utcToZonedTime(
|
||||
// The parsed date is in EST
|
||||
zonedTimeToUtc(date, "America/Toronto"),
|
||||
Intl.DateTimeFormat().resolvedOptions().timeZone
|
||||
);
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@ import { serialize } from "next-mdx-remote/serialize";
|
|||
|
||||
import { isTerm, Term, TERMS } from "@/utils";
|
||||
|
||||
import { DATE_FORMAT, getLocalDateFromEST } from "./events";
|
||||
import { DATE_FORMAT, getLocalDateFromEST } from "../utils";
|
||||
|
||||
export const NEWS_PATH = path.join("content", "news");
|
||||
|
||||
|
|
|
@ -22,6 +22,8 @@ body {
|
|||
--text: #000000;
|
||||
|
||||
--form-invalid: #9f616a;
|
||||
--warning-background: #dd0014;
|
||||
--warning-text: #ffffff;
|
||||
|
||||
--input-background: #f0f0f0;
|
||||
--input-placeholder-text: #bbbbbb;
|
||||
|
|
|
@ -20,6 +20,7 @@ import {
|
|||
} from "@/components/ShapesBackground";
|
||||
import { Table } from "@/components/Table";
|
||||
import { ThemeProvider } from "@/components/Theme";
|
||||
import { WarningHeader } from "@/components/WarningHeader";
|
||||
|
||||
import styles from "./_app.module.css";
|
||||
|
||||
|
@ -44,6 +45,7 @@ export default function App({ Component, pageProps }: AppProps): JSX.Element {
|
|||
}}
|
||||
>
|
||||
<div className={styles.appContainer}>
|
||||
<WarningHeader />
|
||||
<Navbar />
|
||||
{/* Wrapping content with a div to allow for a display: block parent */}
|
||||
<div className={styles.contentContainer}>
|
||||
|
|
|
@ -3,8 +3,9 @@ import path from "path";
|
|||
|
||||
import { format } from "date-fns";
|
||||
|
||||
import { DATE_FORMAT } from "@/utils";
|
||||
|
||||
import {
|
||||
DATE_FORMAT,
|
||||
getEventsByTerm,
|
||||
getEventTermsByYear,
|
||||
getEventYears,
|
||||
|
|
12
utils.ts
12
utils.ts
|
@ -1,5 +1,8 @@
|
|||
import { utcToZonedTime, zonedTimeToUtc } from "date-fns-tz";
|
||||
|
||||
export const TERMS = ["winter", "spring", "fall"] as const;
|
||||
export type Term = typeof TERMS[number];
|
||||
export const DATE_FORMAT = "MMMM dd yyyy HH:mm";
|
||||
|
||||
// https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates
|
||||
export function isTerm(x: string): x is Term {
|
||||
|
@ -9,3 +12,12 @@ export function isTerm(x: string): x is Term {
|
|||
export function capitalize(str: string) {
|
||||
return str.slice(0, 1).toUpperCase() + str.slice(1);
|
||||
}
|
||||
|
||||
// Converts a date to local time
|
||||
export function getLocalDateFromEST(date: Date): Date {
|
||||
return utcToZonedTime(
|
||||
// The date parameter is in EST
|
||||
zonedTimeToUtc(date, "America/Toronto"),
|
||||
Intl.DateTimeFormat().resolvedOptions().timeZone
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue