diff --git a/src/App.jsx b/src/App.jsx index 904e3fb0527071f3d1e8bbebb4aaa1981d8cfa74..0d4facf059b547b7a7482880b04793b2f13289f7 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -6,6 +6,7 @@ import * as Sentry from "@sentry/react"; import { loadConfig } from "actions/global-info"; import { loadMe } from "actions/users"; import { initializeWSChannel } from "actions/ws"; +import Button from "components/Button"; import Footer from "components/Footer"; import Navbar from "components/Navbar"; import Home from "pages/Home"; @@ -78,6 +79,22 @@ const LoadingComponent = ( </div> ); +const NotFound = () => ( + <article className="container container--default py-8 lg:py-24"> + <h1 className="head-alt-base lg:head-alt-lg mb-8"> + 404ka: Tahle stránka tu není + </h1> + <p className="text-base lg:text-xl mb-8"> + Dostali jste se na takzvanou „<strong>čtyřystačtyřku</strong>“, což + znamená, že stránka, kterou jste se pokusili navštívit, na tomhle webu + není. + </p> + <Button routerTo="/" className="text-base lg:text-xl" hoverActive fullwidth> + Přejít na hlavní stránku + </Button> + </article> +); + const BaseApp = () => { initializeWSChannel.read(); @@ -87,6 +104,7 @@ const BaseApp = () => { <Switch> <Route exact path="/" children={<Home />} /> <Route exact path="/program" children={<Program />} /> + <Route component={NotFound} /> </Switch> <Footer /> </Router> diff --git a/src/containers/GlobalStats.jsx b/src/containers/GlobalStats.jsx index d425afb8171ff827f4ca3791d96edb8c30cfb730..fc991fcf755afb8024a2f7148d11dc0b4e645cb7 100644 --- a/src/containers/GlobalStats.jsx +++ b/src/containers/GlobalStats.jsx @@ -22,7 +22,7 @@ const GlobalStats = () => { <strong>{onlineMembers}</strong>{" "} <span> {onlineMembers === 1 && "člen online"} - {onlineMembers > 1 && onlineMembers < 4 && "členové online"} + {onlineMembers > 1 && onlineMembers <= 4 && "členové online"} {(onlineMembers === 0 || onlineMembers > 4) && "členů online"} </span> </div>