more changes and bumps next

hack4impact-upenn · Aug 24, 2024 · a2157ae · a2157ae
1 parent e565efe
commit a2157ae
Show file tree

Hide file tree

Showing 10 changed files with 155 additions and 147 deletions.
diff --git a/.gitignore b/.gitignore
@@ -20,4 +20,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 package-lock.json
-.python*
+.python*
+# Local Netlify folder
+.netlify
diff --git a/components/actionButton.jsx b/components/actionButton.jsx
@@ -34,7 +34,10 @@ function Anchor({ link, white, className, children, ...props }) {
 
         a:hover {
           box-shadow: rgba(0, 0, 0, 0.12) 3px 5px 20px;
-          transition: border 0.2s, background 0.2s, color 0.2s ease-out;
+          transition:
+            border 0.2s,
+            background 0.2s,
+            color 0.2s ease-out;
         }
       `}</style>
     </>
@@ -43,7 +46,7 @@ function Anchor({ link, white, className, children, ...props }) {
 
 const ActionButton = (props) => {
   return props?.link.startsWith('/') ? (
-    <Link href={props?.link}>
+    <Link legacyBehavior href={props?.link}>
       <Anchor {...props} />
     </Link>
   ) : (

diff --git a/components/actionLink.jsx b/components/actionLink.jsx
@@ -20,7 +20,9 @@ const getAnchor = (link, text, style) => (
 
 const ActionLink = ({ link, text, style }) =>
   link.startsWith('/') ? (
-    <Link href={link}>{getAnchor(link, text, style)}</Link>
+    <Link legacyBehavior href={link}>
+      {getAnchor(link, text, style)}
+    </Link>
   ) : (
     getAnchor(link, text, style)
   );

diff --git a/components/footer.jsx b/components/footer.jsx
@@ -25,12 +25,12 @@ function Footer() {
             <h4>About the org</h4>
             <ul>
               <li>
-                <Link href="/about">
+                <Link legacyBehavior href="/about">
                   <a>About Us</a>
                 </Link>
               </li>
               <li>
-                <Link href="/projects">
+                <Link legacyBehavior href="/projects">
                   <a>Projects</a>
                 </Link>
               </li>
@@ -40,17 +40,17 @@ function Footer() {
             <h4>Apply Now</h4>
             <ul>
               <li>
-                <Link href="/apply">
+                <Link legacyBehavior href="/apply">
                   <a>How to apply</a>
                 </Link>
               </li>
               <li>
-                <Link href="/apply/students">
+                <Link legacyBehavior href="/apply/students">
                   <a>Students</a>
                 </Link>
               </li>
               <li>
-                <Link href="/apply/nonprofits">
+                <Link legacyBehavior href="/apply/nonprofits">
                   <a>Non-profits</a>
                 </Link>
               </li>

diff --git a/components/homePageProject.jsx b/components/homePageProject.jsx
@@ -4,7 +4,7 @@ import ContentBlock from './ContentBlock';
 
 function HomePageProject({ title, description, thumbnail, urlSlug }) {
   return (
-    <Link href={`/projects/${urlSlug}`}>
+    <Link legacyBehavior href={`/projects/${urlSlug}`}>
       <a>
         <div className="project-item">
           <img src={thumbnail.url} alt={thumbnail.description} />
@@ -70,7 +70,9 @@ function HomePageProject({ title, description, thumbnail, urlSlug }) {
             }
           }
           .project-item:hover {
-            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+            box-shadow:
+              0 4px 12px 0 rgba(0, 0, 0, 0.2),
+              0 6px 20px 0 rgba(0, 0, 0, 0.19);
           }
           p {
             margin: 0px;

diff --git a/components/involveSection.jsx b/components/involveSection.jsx
@@ -9,7 +9,7 @@ const InvolveSection = () => (
     <Col md="5">
       <div className="involved-container">
         <h3 className="text-title text-center">Students</h3>
-        <Link href="/apply/students">
+        <Link legacyBehavior href="/apply/students">
           <a>
             <img src="/images/retreat-2020.jpg" className="img-fluid" alt="Sp18 team" />
           </a>
@@ -36,7 +36,7 @@ const InvolveSection = () => (
     <Col md="5" className="offset-md-2">
       <div className="involved-container">
         <h3 className="text-title text-center">Nonprofits</h3>
-        <Link href="/apply/students">
+        <Link legacyBehavior href="/apply/students">
           <a>
             <img
               src="/images/philly_food_finder.jpg"

diff --git a/components/navbar/Logo.jsx b/components/navbar/Logo.jsx
@@ -3,7 +3,7 @@ import Link from 'next/link';
 function Logo() {
   return (
     <>
-      <Link href="/">
+      <Link legacyBehavior href="/">
         {/* FIX: logo should not be hard coded */}
         <a className="image-container" ariaLabel="Go to homepage">
           <img

diff --git a/components/navbar/NavLink.jsx b/components/navbar/NavLink.jsx
@@ -3,7 +3,7 @@ import Link from 'next/link';
 function NavLink({ children, href, activeRoute, ariaLabel }) {
   return (
     <>
-      <Link href={href}>
+      <Link legacyBehavior href={href}>
         <a aria-label={ariaLabel} className={href === activeRoute ? 'active_route' : ''}>
           {children}
         </a>

diff --git a/package.json b/package.json
@@ -12,10 +12,10 @@
     "lint:fix": "eslint --fix \"./**/*.{js,jsx}\""
   },
   "dependencies": {
-    "next": "^12.0.10",
+    "next": "^13.5.0",
     "next-page-transitions": "^1.0.0-alpha.4",
-    "react": "^16.6.3",
-    "react-dom": "^16.6.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-ga": "^3.1.2",
     "react-icons": "^4.3.1",
     "react-spring": "^8.0.27",