@griddo/ax 1.75.141 → 1.75.142

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.75.141",
+  "version": "1.75.142",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -230,5 +230,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7ade1706b9320d25589e8328af2fbccde199ebcd"
+  "gitHead": "c42f344536ff8a664420e1c2eeaf6197515fed41"
 }

package/src/components/ErrorToast/index.tsx

@@ -1,16 +1,16 @@
-import React from "react";
+import React, { forwardRef } from "react";
 
 import * as S from "./style";
 
-const ErrorToast = (props: IProps) => {
+const ErrorToast = (props: IProps, ref: any) => {
   const { size } = props;
-  return (
-    <S.ErrorWrapper id="error" data-testid="error-wrapper" size={size}/>
-  );
+
+  return <S.ErrorWrapper id="error" data-testid="error-wrapper" size={size} ref={ref} />;
 };
 
 export interface IProps {
   size?: string;
+  ref?: any;
 }
 
-export default ErrorToast;
+export default forwardRef(ErrorToast);

package/src/components/MainWrapper/index.tsx

@@ -11,7 +11,7 @@ const MainWrapper = (props: IWrapperProps): JSX.Element => {
   return (
     <S.Wrapper fixedAppBar={fixedAppBar} data-testid="main-wrapper">
       <AppBar {...props} />
-      <S.Main fullWidth={fullWidth} data-testid="main-component">
+      <S.Main fullWidth={fullWidth} data-testid="main-component" id="main-component">
         {children}
       </S.Main>
     </S.Wrapper>

package/src/modules/Sites/SitesList/index.tsx

@@ -4,6 +4,7 @@ import { connect } from "react-redux";
 import { appActions } from "@ax/containers/App";
 import { sitesActions } from "@ax/containers/Sites";
 import { ICheck, IGetSitesParams, IRootState, ISettingsForm, ISite, ISiteListConfig, IUser } from "@ax/types";
+import { IError } from "@ax/containers/App/reducer";
 import { useBulkSelection, useModal } from "@ax/hooks";
 import { MainWrapper, Modal, ErrorToast, Icon, IconAction, TableList, EmptyState } from "@ax/components";
 
@@ -31,6 +32,7 @@ const SitesList = (props: ISitesListProps): JSX.Element => {
     getSites,
     publishSitesBulk,
     unpublishSitesBulk,
+    error,
     config,
     setListConfig,
   } = props;
@@ -59,6 +61,7 @@ const SitesList = (props: ISitesListProps): JSX.Element => {
   const [searchQuery, setSearchQuery] = useState<string | null>("");
   const [currentFilterQuery, setCurrentFilterQuery] = useState(currentConfig.filter);
   const tableRef = useRef<HTMLDivElement>(null);
+  const errorRef = useRef<HTMLDivElement>(null);
 
   const pagination = {
     setPage,
@@ -116,6 +119,13 @@ const SitesList = (props: ISitesListProps): JSX.Element => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page, searchQuery, filterValues]);
 
+  useEffect(() => {
+    const errorCode = (error && error.code) || undefined;
+    if (errorCode === 400 && errorRef.current) {
+      errorRef.current.scrollIntoView();
+    }
+  }, [error]);
+
   const saveSiteSettings = async () => {
     const result = await saveSettings(form);
     if (result) {
@@ -321,7 +331,7 @@ const SitesList = (props: ISitesListProps): JSX.Element => {
 
   return (
     <MainWrapper title="Sites" rightButton={rightButtonProps} searchAction={setSearchQuery}>
-      <ErrorToast />
+      <ErrorToast ref={errorRef} />
       <S.SitesListWrapper>
         {currentRecentSites?.length > 0 ? <RecentSitesList /> : null}
         <AllSitesHeader />
@@ -347,6 +357,7 @@ interface ISitesProps {
   currentUser: IUser;
   totalItems: number;
   token: string;
+  error: IError;
   config: ISiteListConfig;
 }
 
@@ -356,6 +367,7 @@ const mapStateToProps = (state: IRootState) => ({
   token: state.app.token,
   sites: state.sites.sites,
   recentSites: state.sites.recentSites,
+  error: state.app.error,
   config: state.sites.config,
 });