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

refactor: memoize configuration on export

Browse Source
This commit is contained in:
rusconn
2023-06-24 14:35:28 +09:00
parent 822a8db8f9
commit f8bceb7a4c
6 changed files with 129 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
"use client";
import { useCallback, useMemo, useState } from "react";
import { useCallback, useState } from "react";
import { toolGroups } from "@/config/tools";
import * as baselib from "@/lib/base";
@@ -58,25 +58,21 @@ export default function Page() {
const onOctChange: InputProps["onChange"] = ({ currentTarget: { value } }) => trySetOct(value);
const onBinChange: InputProps["onChange"] = ({ currentTarget: { value } }) => trySetBin(value);
const formatNumberConfig = useMemo(
() => (
<Configuration
icon={<icons.CaseSensitive size={24} />}
title="Format number"
control={
<LabeledSwitch
id="format-number-switch"
label={format ? "On" : "Off"}
checked={format}
onCheckedChange={setFormat}
aria-label="toggle whether to format numbers"
/>
}
/>
),
[format]
const formatNumberConfig = (
<Configuration
icon={<icons.CaseSensitive size={24} />}
title="Format number"
control={
<LabeledSwitch
id="format-number-switch"
label={format ? "On" : "Off"}
checked={format}
onCheckedChange={setFormat}
aria-label="toggle whether to format numbers"
/>
}
/>
);
const decPasteButton = <PasteButton onClipboardRead={trySetDec} />;
const hexPasteButton = <PasteButton onClipboardRead={trySetHex} />;
const octPasteButton = <PasteButton onClipboardRead={trySetOct} />;