fix(flyout): memoize selection component

blockchain · Dec 1, 2021 · 18b24b6 · 18b24b6
1 parent 92cf862
commit 18b24b6
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/...rontend/src/modals/BuySell/CryptoSelection/CryptoSelector/CryptoItem/template.success.tsx b/...rontend/src/modals/BuySell/CryptoSelection/CryptoSelector/CryptoItem/template.success.tsx
@@ -65,11 +65,8 @@ const PlusMinusIconWrapper = styled.div`
 
 type Props = OwnProps & ParentOwnProps & SuccessStateType
 
-class Success extends React.Component<Props> {
-  shouldComponentUpdate = (nextProps) => !equals(this.props, nextProps)
-
-  render() {
-    const { coin, fiat, onClick, orderType, rates } = this.props
+const Success = React.memo(
+  ({ coin, fiat, onClick, orderType, rates }: Props) => {
     const { coinfig } = window.coins[coin]
     const displayName = coinfig.name
 
@@ -116,7 +113,8 @@ class Success extends React.Component<Props> {
         )}
       </CheckoutDisplayContainer>
     )
-  }
-}
+  },
+  (prevProps, nextProps) => equals(prevProps, nextProps)
+)
 
 export default Success