Skip to content

Commit d97e046

Browse files
committed
fix(README): description + add github code button
1 parent 15ce6bc commit d97e046

File tree

2 files changed

+18
-6
lines changed

2 files changed

+18
-6
lines changed

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
# json-schema.tool playground
22

3-
A place to play around with json-schema.tools
3+
json-schema.tool is a playground for `json-schema` using [@etclabscore/json-schema-to-types](https://github.com/etclabscore/json-schema-to-types).
44

55

66
![json-schema-playground](https://user-images.githubusercontent.com/364566/75207677-45d63600-572e-11ea-8257-09c1fe4f7534.gif)
77

88

9+
910
### Contributing
1011

1112
How to contribute, build and release are outlined in [CONTRIBUTING.md](CONTRIBUTING.md), [BUILDING.md](BUILDING.md) and [RELEASING.md](RELEASING.md) respectively. Commits in this repository follow the [CONVENTIONAL_COMMITS.md](CONVENTIONAL_COMMITS.md) specification.

src/containers/MyApp.tsx

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import { MuiThemeProvider, AppBar, Toolbar, Typography, IconButton, Tooltip, Css
33
import useDarkMode from "use-dark-mode";
44
import Brightness3Icon from "@material-ui/icons/Brightness3";
55
import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
6+
import CodeIcon from "@material-ui/icons/Code";
67
import * as monaco from "monaco-editor";
78
import WbSunnyIcon from "@material-ui/icons/WbSunny";
89
import { lightTheme, darkTheme } from "../themes/theme";
@@ -69,7 +70,7 @@ const MyApp: React.FC = () => {
6970

7071
useEffect(() => {
7172
handleTranspile();
72-
// eslint-disable-next-line react-hooks/exhaustive-deps
73+
// eslint-disable-next-line react-hooks/exhaustive-deps
7374
}, [value, selectedLanguage]);
7475

7576
return (
@@ -84,12 +85,14 @@ const MyApp: React.FC = () => {
8485
</Grid>
8586
<Grid container alignContent="center" alignItems="center" justify="flex-end">
8687
{<>
87-
<Tooltip title={"Language"}>
88+
<Tooltip title={"Language"} >
8889
<>
8990
<Typography variant="body1" style={{ paddingRight: "10px" }}>Language:</Typography>
90-
<Button onClick={handleLanguageClick} variant="outlined" endIcon={
91-
<ArrowDropDownIcon />
92-
}>{selectedLanguage}</Button>
91+
<Button
92+
style={{ marginRight: "10px" }}
93+
onClick={handleLanguageClick} variant="outlined" endIcon={
94+
<ArrowDropDownIcon />
95+
}>{selectedLanguage}</Button>
9396
</>
9497
</Tooltip>
9598
<Menu
@@ -105,6 +108,14 @@ const MyApp: React.FC = () => {
105108
</Menu>
106109
</>
107110
}
111+
<Tooltip title={t("json-schema.tools Github")}>
112+
<IconButton
113+
onClick={() =>
114+
window.open("https://github.com/json-schema-tools/playground")
115+
}>
116+
<CodeIcon />
117+
</IconButton>
118+
</Tooltip>
108119
<Tooltip title={t("Toggle Dark Mode")}>
109120
<IconButton onClick={darkMode.toggle}>
110121
{darkMode.value ? <Brightness3Icon /> : <WbSunnyIcon />}

0 commit comments

Comments
 (0)