mirror of https://github.com/mkrhere/pw2
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.2 KiB
41 lines
1.2 KiB
import React, { lazy, Suspense } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import useLocation from "wouter/use-location";
|
|
|
|
import { normalise } from "./util";
|
|
|
|
const Home = lazy(() => import("./pages/main/Home"));
|
|
const Exp = lazy(() => import("./pages/main/Exp"));
|
|
const Projects = lazy(() => import("./pages/main/Projects"));
|
|
const Contact = lazy(() => import("./pages/main/Contact"));
|
|
|
|
const NotFound = lazy(() => import("./pages/main/404"));
|
|
|
|
function App() {
|
|
const [location, navigate] = useLocation();
|
|
|
|
const normalised = normalise(location);
|
|
|
|
if (location !== normalised) {
|
|
navigate(normalised, { replace: true });
|
|
return null;
|
|
}
|
|
|
|
if (normalised === "/") return <Home />;
|
|
if (normalised === "/experience") return <Exp />;
|
|
if (normalised.startsWith("/experience/")) return <Exp />;
|
|
if (normalised === "/projects") return <Projects />;
|
|
if (normalised === "/contact") return <Contact />;
|
|
// if (normalised === "/live") return <Live />;
|
|
// if (normalised === "/blog") return <BlogHome />;
|
|
// if (location.startsWith("/blog")) return <BlogPost />;
|
|
return <NotFound />;
|
|
}
|
|
|
|
createRoot(document.getElementById("root")!).render(
|
|
<React.StrictMode>
|
|
<Suspense>
|
|
<App />
|
|
</Suspense>
|
|
</React.StrictMode>,
|
|
);
|
|
|