Fix scroll to URL fragment (#hash) 🔗

Author: Sasivarnasarma

src/App.jsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 
 import Intro from './components/Intro.jsx';
 import Navbar from './components/Navbar.jsx';
@@ -17,6 +17,20 @@ const SHOW_CONTACT_SECTION = true;
 export default function App() {
     const [introComplete, setIntroComplete] = useState(false);
 
+    useEffect(() => {
+        if (!introComplete) return;
+        const hash = window.location.hash;
+        if (!hash) return;
+
+        const timer = setTimeout(() => {
+            const el = document.querySelector(hash);
+            if (el) {
+                el.scrollIntoView({ behavior: 'smooth' });
+            }
+        }, 300);
+        return () => clearTimeout(timer);
+    }, [introComplete]);
+
     return (
         <>
             <div id="global-site-bg"></div>

src/constants/eventDates.js

@@ -2,7 +2,7 @@ export const REGISTRATION_OPEN = new Date('March 17, 2026 00:00:00');
 export const REGISTRATION_CLOSE = new Date('March 24, 2026 06:00:00');
 export const TEMPLATE_RELEASE = new Date('March 25, 2026 00:00:00');
 export const PROPOSAL_OPEN = new Date('March 30, 2026 00:00:00');
-export const PROPOSAL_CLOSE = new Date('April 24, 2026 23:59:59');
+export const PROPOSAL_CLOSE = new Date('April 23, 2026 23:59:59');
 
 export const PORTAL_URL = 'https://isportal.hackx.lk/';
 export const TEMPLATE_URL = '/assets/ideasprint-proposal-template.docx';