diff --git a/src/components/App.tsx b/src/components/App.tsx index a950390..485bd08 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -4,10 +4,10 @@ import SafeArea from "~/components/SafeArea"; import NavBar from "~/components/NavBar"; import Card from "~/components/Card"; import { ButtonLink } from "~/components/Button"; -import PeerConnectModal from "./PeerConnectModal"; +import PeerConnectModal from "~/components/PeerConnectModal"; // TODO: use this reload prompt for real -// import ReloadPrompt from "./Reload"; +import ReloadPrompt from "~/components/Reload"; export default function App() { return ( @@ -16,8 +16,8 @@ export default function App() {
- {/* */} + Tap the Faucet diff --git a/src/components/Reload.tsx b/src/components/Reload.tsx index 3db65ce..a5d6aba 100644 --- a/src/components/Reload.tsx +++ b/src/components/Reload.tsx @@ -1,6 +1,10 @@ import type { Component } from 'solid-js' import { Show } from 'solid-js' +// pwa-register doesn't have types apparently +// @ts-ignore import { useRegisterSW } from 'virtual:pwa-register/solid' +import Card from './Card' +import { Button } from './Button' const ReloadPrompt: Component = () => { const { @@ -21,29 +25,24 @@ const ReloadPrompt: Component = () => { setNeedRefresh(false) } - // TODO: for now we're just going to have it be invisible - return (<>) - - // return ( - //
- // - //
- //
- // New content available, click on reload button to update.} - // when={offlineReady()} - // > - // App ready to work offline - // - //
- // - // - // - // - //
- //
- //
- // ) + return ( + + +
+ New content available, click on reload button to update.} + when={offlineReady()} + > + App ready to work offline + +
+ + + + +
+
+ ) } export default ReloadPrompt \ No newline at end of file