Merge pull request #10 from vtex-apps/hotfix/performance-issue

Fixing performance issues

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Fixed
+
+- Performance issue
+
 ## [0.2.2] - 2020-07-14
 
 ### Removed

react/AddProductBtn.tsx

@@ -56,6 +56,7 @@ const AddBtn: FC<any & WrappedComponentProps> = ({
   data: { loading: sessionLoading, getSession },
   intl,
 }: any) => {
+
   const [state, setState] = useState<any>({
     isLoading: true,
     isWishlisted: false,
@@ -65,6 +66,10 @@ const AddBtn: FC<any & WrappedComponentProps> = ({
   const { navigate, history } = useRuntime()
   const client = useApolloClient()
   const handles = useCssHandles(CSS_HANDLES)
+  const { showToast } = useContext(ToastContext)
+  const { product } = useContext(ProductContext) as any
+
+  if(!product) return null
 
   const toastMessage = (messsageKey: string) => {
     let action: any = undefined
@@ -94,15 +99,15 @@ const AddBtn: FC<any & WrappedComponentProps> = ({
       action,
     })
   }
-  const { showToast } = useContext(ToastContext)
+
 
   const { isLoading, isWishlisted, wishListId } = state
 
   if (getSession?.profile && !isAuthenticated) {
     isAuthenticated = getSession.profile.email
   }
 
-  const { product } = useContext(ProductContext) as any
+
 
   const getIdFromList = (list: string, item: any) => {
     const pos = item.listNames.findIndex((listName: string) => {
@@ -142,7 +147,7 @@ const AddBtn: FC<any & WrappedComponentProps> = ({
         })
       }
     } else {
-      if(!isAuthenticated) {
+      if(!isAuthenticated && state.isLoading) {
         setState({
           ...state,
           isLoading: false,