Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve PWA #8

Merged
merged 8 commits into from
Jan 6, 2022
Merged

Improve PWA #8

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
ea613bc
Layout offline page
petrkucerak Dec 20, 2021
7cf46c0
Add custom service worker politcs.
petrkucerak Dec 20, 2021
176e3fa
Remove a new caching strategy
petrkucerak Dec 20, 2021
3caa7c4
CHange the name of slug folder
petrkucerak Dec 20, 2021
a0649fc
Merge branch 'main' of https://github.com/petrkucerak/cestapustem int…
petrkucerak Jan 6, 2022
e62c2b7
Merge branch 'main' of https://github.com/petrkucerak/cestapustem int…
petrkucerak Jan 6, 2022
b3d6c95
Merge branch 'main' of https://github.com/petrkucerak/cestapustem int…
petrkucerak Jan 6, 2022
9ad0b17
Edit pagge for offline support.
petrkucerak Jan 6, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 11 additions & 6 deletions pages/_offline.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,10 @@
import Container from "../components/container";
import Intro from "../components/intro";
import Layout from "../components/layout";
import Head from "next/head";
import { Image } from "@fluentui/react";

import React from "react";
React.useLayoutEffect = React.useEffect;

export default function Offline() {
return (
Expand All @@ -11,11 +14,13 @@ export default function Offline() {
<title>Cesta půstem</title>
</Head>
<Container>
<Intro />
<div className="text-xl my-4">
Vypadá to, že nejsi připojen k internetu, (a možná) se ti texty
tohoto dne ještě nezapsaly do paměti zařízení. Zkus to prosím znovu,
později.
<div className="w-full flex justify-center m-0">
<Image src="/icon.svg" height={200} width={200} alt="App icon"></Image>
</div>
<div className="text-xl my-4 mx-8">
Vypadá to, že nejsi připojený na internet a tato stránka se ti
automaticky nestáhla do paměti. Řešení je jednoduché, připoj se na
internet nebo se vrať zpět a přejdi na jinou stranu.
</div>
</Container>
</Layout>
Expand Down