perf(app-board): remove arrow function

eficode · Jan 26, 2021 · 6509317 · 6509317
1 parent 4ca6d2b
commit 6509317
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/game-app/src/gameView/components/ExpandableRule/ExpandableRule.tsx b/packages/game-app/src/gameView/components/ExpandableRule/ExpandableRule.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { CollapsibleRuleContent, RuleContent, RuleHeader, RuleWrapper } from './ExpandableRule.styled';
 import { Icon, Typography } from '@pipeline/components';
 import { ReactComponent as ExpandIcon } from '@assets/icons/accordion-expand.svg';
@@ -11,9 +11,13 @@ type Props = {
 const ExpandableRule: React.FC<Props> = ({ title, children }) => {
   const [collapsed, setCollapsed] = useState(true);
 
+  const toggle = useCallback(() => {
+    setCollapsed(c => !c);
+  }, []);
+
   return (
     <RuleWrapper collapsed={collapsed}>
-      <RuleHeader collapsed={collapsed} p={3} onClick={() => setCollapsed(c => !c)}>
+      <RuleHeader collapsed={collapsed} p={3} onClick={toggle}>
         <Icon>{collapsed ? <ExpandIcon /> : <CollapseIcon />}</Icon>
         <Typography variant="title" fontWeight="600">
           {title}