ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2026-01-24 12:34:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: make some variables grouped

Browse Source
This commit is contained in:
rusconn
2023-06-01 15:39:11 +09:00
parent c8f69a7eef
commit 5c82f67832
3 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/formatters/json/page.tsx
View File

@@ -24,13 +24,15 @@ import { icons } from "@/components/icons";
import { PageRootSection } from "@/components/page-root-section";
import { PageSection } from "@/components/page-section";
const two = " ";
const four = " ";
const zero = "";
const tab = "\t";
const indentations = {
two: " ",
four: " ",
zero: "",
tab: "\t",
};
export default function Page() {
const [indentation, setIndentation] = useState(two);
const [indentation, setIndentation] = useState(indentations.two);
const [input, setInput] = useState('{\n"foo":"bar"\n}');
const parsed = safeJsonParse(input);
@@ -56,10 +58,10 @@ export default function Page() {
<SelectValue placeholder={indentation} />
</SelectTrigger>
<SelectContent>
<SelectItem value={two}>2 spaces</SelectItem>
<SelectItem value={four}>4 spaces</SelectItem>
<SelectItem value={tab}>1 tab</SelectItem>
<SelectItem value={zero}>minified</SelectItem>
<SelectItem value={indentations.two}>2 spaces</SelectItem>
<SelectItem value={indentations.four}>4 spaces</SelectItem>
<SelectItem value={indentations.tab}>1 tab</SelectItem>
<SelectItem value={indentations.zero}>minified</SelectItem>
</SelectContent>
</Select>
}