ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2026-01-31 20:52:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: memoize icons on export

Browse Source
This commit is contained in:
rusconn
2023-06-24 09:26:37 +09:00
parent 257080b00d
commit 240fba0e74
14 changed files with 74 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -83,11 +83,9 @@ export default function Page() {
const onJsonChange: EditorProps["onChange"] = value => setJsonReactively(value ?? "");
const onYamlChange: EditorProps["onChange"] = value => setYamlReactively(value ?? "");
const indentationIcon = useMemo(() => <icons.Space size={24} className="-translate-y-1.5" />, []);
const indentationConfig = (
<Configuration
icon={indentationIcon}
icon={<icons.Space size={24} className="-translate-y-1.5" />}
title="Indentation"
control={
<Select value={form.indentation} onValueChange={onIndentationChange}>

6
app/converters/number-base/page.tsx
View File

@@ -58,12 +58,10 @@ export default function Page() {
const onOctChange: InputProps["onChange"] = ({ currentTarget: { value } }) => trySetOct(value);
const onBinChange: InputProps["onChange"] = ({ currentTarget: { value } }) => trySetBin(value);
const formatNumberIcon = useMemo(() => <icons.CaseSensitive size={24} />, []);
const formatNumberConfig = useMemo(
() => (
<Configuration
icon={formatNumberIcon}
icon={<icons.CaseSensitive size={24} />}
title="Format number"
control={
<LabeledSwitch
@@ -76,7 +74,7 @@ export default function Page() {
}
/>
),
[format, formatNumberIcon]
[format]
);
const decPasteButton = useMemo(() => <PasteButton onClipboardRead={trySetDec} />, [trySetDec]);