dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: memoize components and improve performance (#579)

Browse source
This commit is contained in:
Jeremy 2024-12-03 17:49:38 +03:00 • committed by GitHub
parent a13368cfcd
commit e839007580
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 453 additions and 232 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/toolbar.tsx
View file

@ -10,6 +10,7 @@ import {
} from 'framer-motion';
import {
type Dispatch,
memo,
type SetStateAction,
useEffect,
useRef,
@ -32,6 +33,7 @@ import {
StopIcon,
SummarizeIcon,
} from './icons';
import equal from 'fast-deep-equal';
type ToolProps = {
type: 'final-polish' | 'request-suggestions' | 'adjust-reading-level';
@ -324,7 +326,7 @@ export const Tools = ({
);
};
export const Toolbar = ({
const PureToolbar = ({
isToolbarVisible,
setIsToolbarVisible,
append,
@ -465,3 +467,7 @@ export const Toolbar = ({
</TooltipProvider>
);
};
export const Toolbar = memo(PureToolbar, (prevProps, nextProps) => {
return equal(prevProps, nextProps);
});