51 lines
1.7 KiB
TypeScript
51 lines
1.7 KiB
TypeScript
import * as React from "react";
|
|
import { Switch, Redirect } from "react-router-dom";
|
|
import DesktopRedirect from "~/scenes/DesktopRedirect";
|
|
import DelayedMount from "~/components/DelayedMount";
|
|
import FullscreenLoading from "~/components/FullscreenLoading";
|
|
import Route from "~/components/ProfiledRoute";
|
|
import { matchDocumentSlug as slug } from "~/utils/routeHelpers";
|
|
|
|
const Authenticated = React.lazy(() => import("~/components/Authenticated"));
|
|
const AuthenticatedRoutes = React.lazy(() => import("./authenticated"));
|
|
const SharedDocument = React.lazy(() => import("~/scenes/Document/Shared"));
|
|
const Login = React.lazy(() => import("~/scenes/Login"));
|
|
const Logout = React.lazy(() => import("~/scenes/Logout"));
|
|
|
|
export default function Routes() {
|
|
return (
|
|
<React.Suspense
|
|
fallback={
|
|
<DelayedMount delay={2000}>
|
|
<FullscreenLoading />
|
|
</DelayedMount>
|
|
}
|
|
>
|
|
<Switch>
|
|
<Route exact path="/" component={Login} />
|
|
<Route exact path="/create" component={Login} />
|
|
<Route exact path="/logout" component={Logout} />
|
|
<Route exact path="/desktop-redirect" component={DesktopRedirect} />
|
|
|
|
<Redirect exact from="/share/:shareId" to="/s/:shareId" />
|
|
<Route exact path="/s/:shareId" component={SharedDocument} />
|
|
|
|
<Redirect
|
|
exact
|
|
from={`/share/:shareId/doc/${slug}`}
|
|
to={`/s/:shareId/doc/${slug}`}
|
|
/>
|
|
<Route
|
|
exact
|
|
path={`/s/:shareId/doc/${slug}`}
|
|
component={SharedDocument}
|
|
/>
|
|
|
|
<Authenticated>
|
|
<AuthenticatedRoutes />
|
|
</Authenticated>
|
|
</Switch>
|
|
</React.Suspense>
|
|
);
|
|
}
|