refactor: memoize icons on export

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

View File

@@ -37,12 +37,10 @@ export default function Page() {
const onInputChange: TextareaProps["onChange"] = ({ currentTarget: { value } }) =>
setInput(value);
const uppercaseIcon = useMemo(() => <icons.CaseSensitive size={24} />, []);
const uppercaseConfig = useMemo(
() => (
<Configuration
icon={uppercaseIcon}
icon={<icons.CaseSensitive size={24} />}
title="Uppercase"
control={
<LabeledSwitch
@@ -55,7 +53,7 @@ export default function Page() {
}
/>
),
[uppercase, uppercaseIcon]
[uppercase]
);
const inputPasteButton = useMemo(() => <PasteButton onClipboardRead={setInput} />, []);