diff --git a/src/components/MenuBar/ButtonBar.js b/src/components/MenuBar/ButtonBar.js
index 48d1604..6415a3e 100644
--- a/src/components/MenuBar/ButtonBar.js
+++ b/src/components/MenuBar/ButtonBar.js
@@ -5,8 +5,12 @@ import { makeStyles } from '@material-ui/core/styles';
import { Link as GatsbyLink } from 'gatsby';
import { Link as MUILink } from '@material-ui/core';
-import { applicationOpen, applyDeadline, hothStart, hothEnd } from '../constants.js';
-
+import {
+ applicationOpen,
+ applyDeadline,
+ hothStart,
+ hothEnd
+} from '../constants.js';
const useStyles = makeStyles(theme => {
const menuBarAdaptiveThreshold = theme.breakpoints.values.sm * 1.3;
@@ -35,19 +39,27 @@ function ButtonBar({ isMobile }) {
const classes = useStyles();
const PoppinLink = ({ ...props }) =>
- ;
+ ;
+
const BorderLink = ({ ...props }) =>
;
+
const links = [
{
name: 'Home',
@@ -82,22 +94,26 @@ function ButtonBar({ isMobile }) {
{link.name}
)}
- {Date.now() < hothStart.getTime() ? (
+ {Date.now() < hothStart.getTime() ?
applyDeadline.getTime()}
+ disabled={
+ Date.now() < applicationOpen.getTime() ||
+ Date.now() > applyDeadline.getTime()
+ }
href={'https://forms.gle/VMhdCzMov8RvGUfP8'}
- target='_blank'
+ target="_blank"
>
- Apply
-
- ):(
+ Apply
+ :
hothEnd.getTime()}
- href='/submissions'
+ disabled={
+ Date.now() < hothStart.getTime() || Date.now() > hothEnd.getTime()
+ }
+ href="/submissions"
>
- Submit
+ Submit
- )}
+ }
>
);
}
diff --git a/src/components/constants.js b/src/components/constants.js
index 0f99cc7..ad2ed58 100644
--- a/src/components/constants.js
+++ b/src/components/constants.js
@@ -1,5 +1,5 @@
export const hothStart = new Date('2024-03-03T08:00:00-08:00');
export const hothEnd = new Date('2024-03-03T23:00:00-08:00');
-export const applyDeadline = new Date('2024-02-26T23:59:59-08:00');
+export const applyDeadline = new Date('2024-02-28T23:59:59-08:00');
export const applicationOpen = new Date('2024-01-29T08:00:00-08:00');
export const scheduleAvailableTime = new Date('2024-02-26T08:00:00-08:00');