Merge pull request #45 from Bostonhacks/resume-upload

Resume upload

src/components/SponsorPageComponents/SponsorButton.jsx

@@ -1,14 +1,21 @@
 import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
 import InitialButtonState from '../../assets/images/SponsorPage/SponsorButtonState1.svg';
 import HoverButtonState from '../../assets/images/SponsorPage/SponsorButtonState2.svg';
 import ClickedButtonState from '../../assets/images/SponsorPage/SponsorButtonState3.svg';
 
 const SponsorButton = () => {
   const [image, setImage] = useState(InitialButtonState);
   const navigate = useNavigate();
+  const location = useLocation();
+
   const handleClick = () => {
-    navigate('/sponsor');
+    if (location.pathname === '/sponsor') {
+      window.location.href =
+        'https://drive.google.com/file/d/1QXGi1T9DDUsQ0gbiHKvN5lo3pR0fJw2f/view?usp=sharing';
+    } else {
+      navigate('/sponsor');
+    }
   };
 
   return (

src/pages/Application.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { useMediaQuery } from 'react-responsive';
 
 import { useNavigate } from 'react-router-dom';
 
@@ -104,6 +105,7 @@ const Application = ({ applicationId }) => {
   const [resume, setResume] = useState(null);
   const navigate = useNavigate();
   const { register, handleSubmit, control } = useForm();
+  const smallScreen = useMediaQuery({ maxWidth: 850 });
 
   // Function runs on application form submission.
   const onSubmit = async (data) => {
@@ -216,7 +218,9 @@ const Application = ({ applicationId }) => {
     };
   }, []);
 
-  return (
+  return smallScreen ? (
+    <div>Mobile site coming soon, please apply on desktop for now!</div>
+  ) : (
     <div
       style={{
         background: