From 0a8685360f456273a004a481f5cb0b075928b983 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Wed, 16 Sep 2020 13:04:18 +0100
Subject: [PATCH] Update app on hashchange
---
src/App.tsx | 12 ++++++++----
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/App.tsx b/src/App.tsx
index c9205ba..46e5698 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
-import React from 'react';
+import React, { useState, useEffect } from 'react';
import SingleColumn from './layouts/SingleColumn';
import CreateLinkTile from './components/CreateLinkTile';
@@ -36,9 +36,13 @@ const App: React.FC = () => {
</>
);
- if (location.hash) {
- if (location.hash.startsWith('#/')) {
- page = <LinkRouter link={location.hash.slice(2)} />;
+ const [hash, setHash] = useState(location.hash);
+
+ useEffect(() => (window.onhashchange = () => setHash(location.hash)), []);
+
+ if (hash) {
+ if (hash.startsWith('#/')) {
+ page = <LinkRouter link={hash.slice(2)} />;
} else {
page = (
<Tile>
--
GitLab