setup warning fetching on client side
This commit is contained in:
parent
1fe6d38d55
commit
7ac10ce64f
|
@ -1,6 +1,6 @@
|
||||||
import { GetStaticProps } from "next";
|
import { GetStaticProps } from "next";
|
||||||
import { getCurrentWarning, Warning } from "pages/api/warnings";
|
import { Warning } from "pages/api/currentWarning";
|
||||||
import React from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
|
|
||||||
import { getCurrentTerm } from "@/lib/events";
|
import { getCurrentTerm } from "@/lib/events";
|
||||||
|
|
||||||
|
@ -8,10 +8,22 @@ import styles from "./WarningHeader.module.css";
|
||||||
|
|
||||||
export function WarningHeader() {
|
export function WarningHeader() {
|
||||||
// We can't use getStaticProps since its a component, and we can't put it getStaticProps in its parents because nextjs doesnt support it in the _app.js
|
// We can't use getStaticProps since its a component, and we can't put it getStaticProps in its parents because nextjs doesnt support it in the _app.js
|
||||||
return (
|
const [warning, setWarning] = useState<Warning | null>(null);
|
||||||
<div className={styles.warning}>
|
|
||||||
Warning: The computers will be down for a scheduled maintenance unitl Jan
|
useEffect(() => {
|
||||||
28, 2021.
|
fetch("api/currentWarning/")
|
||||||
</div>
|
.then((res) => res.json())
|
||||||
);
|
.then((data) => {
|
||||||
|
setWarning(data);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.error(err);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!warning || !warning.content || warning.content == "") {
|
||||||
|
return <></>;
|
||||||
|
}
|
||||||
|
|
||||||
|
return <div className={styles.warning}>{warning.content}</div>;
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
startDate: 'January 29 2022 21:00'
|
||||||
|
endDate: 'January 30 2022 18:00'
|
||||||
|
---
|
||||||
|
This is a test warning. Again!
|
||||||
|
|
Loading…
Reference in New Issue