chakra factory bugfix

Author: juliancwirko

CHANGELOG.md

@@ -1,3 +1,6 @@
+### [2.2.1](https://github.com/ElrondDevGuild/nextjs-dapp-template/releases/tag/v2.2.1) (2022-10-10)
+- bugfix for the wrong usage of the Chakra Factory on CardWrapper and FlexCardWrapper components. Thanks to @janniksam for reporting that
+
 ### [2.2.0](https://github.com/ElrondDevGuild/nextjs-dapp-template/releases/tag/v2.2.0) (2022-10-09)
 - dependencies updates (Next, erdjs, etc.)
 

components/ui/CardWrapper.tsx

@@ -1,37 +1,37 @@
 import { Flex, Box, chakra, FlexProps, BoxProps } from '@chakra-ui/react';
 import { FC, PropsWithChildren } from 'react';
 
+const FlexWrapper = chakra(Flex, {
+  baseStyle: {
+    backgroundColor: 'dappTemplate.dark.darker',
+    padding: 8,
+    borderRadius: '2xl',
+    textAlign: 'center',
+    flex: 1,
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
 export const FlexCardWrapper: FC<PropsWithChildren<FlexProps>> = ({
   children,
   ...props
 }) => {
-  const Wrapper = chakra(Flex, {
-    baseStyle: {
-      backgroundColor: 'dappTemplate.dark.darker',
-      padding: 8,
-      borderRadius: '2xl',
-      textAlign: 'center',
-      flex: 1,
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      ...props,
-    },
-  });
-  return <Wrapper>{children}</Wrapper>;
+  return <FlexWrapper {...props}>{children}</FlexWrapper>;
 };
 
+const Wrapper = chakra(Box, {
+  baseStyle: {
+    backgroundColor: 'dappTemplate.dark.darker',
+    padding: 8,
+    borderRadius: '2xl',
+  },
+});
+
 export const CardWrapper: FC<PropsWithChildren<BoxProps>> = ({
   children,
   ...props
 }) => {
-  const Wrapper = chakra(Box, {
-    baseStyle: {
-      backgroundColor: 'dappTemplate.dark.darker',
-      padding: 8,
-      borderRadius: '2xl',
-      ...props,
-    },
-  });
-  return <Wrapper>{children}</Wrapper>;
+  return <Wrapper {...props}>{children}</Wrapper>;
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-dapp-template",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "author": "Julian Ćwirko <julian.io>",
   "license": "MIT",
   "homepage": "https://github.com/ElrondDevGuild/nextjs-dapp-template",