ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2025-12-16 12:32:48 +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>
}

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>
}

12
app/generators/uuid/page.tsx
View File

@@ -28,10 +28,12 @@ import { LabeledSwitch } from "@/components/labeled-switch";
import { PageRootSection } from "@/components/page-root-section";
import { PageSection } from "@/components/page-section";
const v1 = "1";
const v4 = "4";
const versions = {
v1: "1",
v4: "4",
} as const;
const uuidVersions = t.keyof({ [v1]: null, [v4]: null });
const uuidVersions = t.keyof({ [versions.v1]: null, [versions.v4]: null });
type UuidVersion = t.TypeOf<typeof uuidVersions>;
export default function Page() {
@@ -118,8 +120,8 @@ export default function Page() {
<SelectValue placeholder={uuidVersion} />
</SelectTrigger>
<SelectContent>
<SelectItem value={v1}>1</SelectItem>
<SelectItem value={v4}>4 (GUID)</SelectItem>
<SelectItem value={versions.v1}>1</SelectItem>
<SelectItem value={versions.v4}>4 (GUID)</SelectItem>
</SelectContent>
</Select>
}