mirrors/PMTiles
1
0
Fork 0
mirror of https://github.com/protomaps/PMTiles.git synced 2026-02-04 19:01:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

simplify opening a new viewer tab

Browse Source
This commit is contained in:
kajkal
2023-03-26 14:10:33 +02:00
parent b3631def6b
commit 3282e6f325
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/App.tsx
View File

@@ -1,4 +1,4 @@
import { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { styled, globalStyles } from "./stitches.config"; import { styled, globalStyles } from "./stitches.config";
import { PMTiles } from "../../js/index"; import { PMTiles } from "../../js/index";
import { GitHubLogoIcon } from "@radix-ui/react-icons"; import { GitHubLogoIcon } from "@radix-ui/react-icons";
@@ -14,9 +14,10 @@ const Header = styled("div", {
padding: "0 $2 0 $2", padding: "0 $2 0 $2",
}); });
const Title = styled("span", { const Title = styled("a", {
fontWeight: 500, fontWeight: 500,
cursor: "pointer", color: "unset",
textDecoration: "none",
}); });
const GithubA = styled("a", { const GithubA = styled("a", {
@@ -88,7 +89,8 @@ function App() {
} }
}, [file]); }, [file]);
let clear = () => { let clear = (event: React.MouseEvent<HTMLAnchorElement>) => {
event.preventDefault();
setFile(undefined); setFile(undefined);
}; };
@@ -99,7 +101,7 @@ function App() {
return ( return (
<div> <div>
<Header> <Header>
<Title onClick={clear}>PMTiles Viewer</Title> <Title href="/" onClick={clear}>PMTiles Viewer</Title>
<GithubLink> <GithubLink>
<GithubA href="https://github.com/protomaps/PMTiles" target="_blank"> <GithubA href="https://github.com/protomaps/PMTiles" target="_blank">
<GitHubLogoIcon /> {GIT_SHA} <GitHubLogoIcon /> {GIT_SHA}