Update app on hashchange

This commit is contained in:
Jorik Schellekens 2020-09-16 13:04:18 +01:00
parent c000c17a3b
commit 0a8685360f

View File

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
import React from 'react'; import React, { useState, useEffect } from 'react';
import SingleColumn from './layouts/SingleColumn'; import SingleColumn from './layouts/SingleColumn';
import CreateLinkTile from './components/CreateLinkTile'; import CreateLinkTile from './components/CreateLinkTile';
@ -36,9 +36,13 @@ const App: React.FC = () => {
</> </>
); );
if (location.hash) { const [hash, setHash] = useState(location.hash);
if (location.hash.startsWith('#/')) {
page = <LinkRouter link={location.hash.slice(2)} />; useEffect(() => (window.onhashchange = () => setHash(location.hash)), []);
if (hash) {
if (hash.startsWith('#/')) {
page = <LinkRouter link={hash.slice(2)} />;
} else { } else {
page = ( page = (
<Tile> <Tile>