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

7
components/configuration.tsx
View File

@@ -1,3 +1,6 @@
import { memo } from "react";
import equal from "react-fast-compare";
type Props = {
icon: React.ReactNode;
title: string;
@@ -5,7 +8,7 @@ type Props = {
control: React.ReactNode;
};
export function Configuration({ icon, title, description, control }: Props) {
function RawConfiguration({ icon, title, description, control }: Props) {
return (
<div className="flex h-16 items-center gap-6 rounded border bg-configuration px-4">
{icon}
@@ -21,3 +24,5 @@ export function Configuration({ icon, title, description, control }: Props) {
</div>
);
}
export const Configuration = memo(RawConfiguration, equal);