ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2026-01-29 05:02:05 +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

12
app/converters/json-yaml/page.tsx
View File

@@ -27,12 +27,14 @@ import { icons } from "@/components/icons";
import { PageRootSection } from "@/components/page-root-section";
import { PageSection } from "@/components/page-section";
const two = " ";
const four = " ";
const indentations = {
two: " ",
four: " ",
};
export default function Page() {
const [form, setForm] = useState({
indentation: two,
indentation: indentations.two,
json: '{\n "foo": "bar"\n}',
yaml: "foo: bar",
});
@@ -97,8 +99,8 @@ export default function Page() {
<SelectValue placeholder={form.indentation} />
</SelectTrigger>
<SelectContent>
<SelectItem value={two}>2 spaces</SelectItem>
<SelectItem value={four}>4 spaces</SelectItem>
<SelectItem value={indentations.two}>2 spaces</SelectItem>
<SelectItem value={indentations.four}>4 spaces</SelectItem>
</SelectContent>
</Select>
}