@panneau/app 2.0.49 → 2.0.51

package/es/index.js

@@ -6,7 +6,7 @@ import { useLocation, useNavigate, useParams, Route, Routes, Navigate, MemoryRou
 import { Link, BrowserRouter } from 'react-router-dom';
 import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
 import { PropTypes } from '@panneau/core';
-import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, usePagesComponentsManager, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useRoutes, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
+import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useRoutes, usePagesComponentsManager, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
 import { useResourceStore, useResourceUpdate, useResourceDestroy, useResourceItem, useResourceItems, ApiProvider } from '@panneau/data';
 import DisplaysProvider from '@panneau/displays';
 import FieldsProvider from '@panneau/fields';
@@ -578,7 +578,6 @@ var propTypes$f = {
 var defaultProps$f = {};
 var ResourceCreatePage = function ResourceCreatePage(_ref) {
   var resource = _ref.resource;
-  var name = resource.name;
   var navigate = useNavigate();
   var _useLocation = useLocation(),
     search = _useLocation.search;
@@ -589,18 +588,12 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
     _useMemo$type = _useMemo.type,
     type = _useMemo$type === void 0 ? null : _useMemo$type;
   var resourceValues = useResourceValues(resource);
-  var pagesComponentsManager = usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Create"));
   var onSuccess = useCallback(function () {
     navigate("".concat(resourceRoute('index'), "?created=true"));
   }, [navigate, resourceRoute]);
   return /*#__PURE__*/React.createElement(ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React.createElement(CustomPage, {
-    resource: resource,
-    type: type,
-    onSuccess: onSuccess
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeader, {
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
       values: resourceValues,
       id: "6viUpq",
@@ -623,7 +616,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
     resource: resource,
     type: type,
     onSuccess: onSuccess
-  })))))));
+  }))))));
 };
 ResourceCreatePage.propTypes = propTypes$f;
 ResourceCreatePage.defaultProps = defaultProps$f;
@@ -635,7 +628,6 @@ var propTypes$e = {
 var defaultProps$e = {};
 var ResourceDeletePage = function ResourceDeletePage(_ref) {
   var resource = _ref.resource;
-  var name = resource.name;
   var _useParams = useParams(),
     itemId = _useParams.id;
   var navigate = useNavigate();
@@ -643,19 +635,12 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
   var _useResourceItem = useResourceItem(resource, itemId),
     item = _useResourceItem.item;
   var resourceValues = useResourceValues(resource);
-  var pagesComponentsManager = usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Delete"));
   var onSuccess = useCallback(function () {
     return navigate("".concat(resourceRoute('index'), "?deleted=true"));
   }, [navigate, resourceRoute]);
   return /*#__PURE__*/React.createElement(ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React.createElement(CustomPage, {
-    resource: resource,
-    item: item,
-    onSuccess: onSuccess,
-    isDelete: true
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeader, {
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
       values: resourceValues,
       id: "zN5N/Q",
@@ -679,20 +664,17 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
     item: item,
     onSuccess: onSuccess,
     isDelete: true
-  }) : null))))));
+  }) : null)))));
 };
 ResourceDeletePage.propTypes = propTypes$e;
 ResourceDeletePage.defaultProps = defaultProps$e;
 
-// import Button from '../buttons/Button';
-
 var propTypes$d = {
   resource: PropTypes.resource.isRequired
 };
 var defaultProps$d = {};
 var ResourceEditPage = function ResourceEditPage(_ref) {
   var resource = _ref.resource;
-  var name = resource.name;
   var _useParams = useParams(),
     itemId = _useParams.id;
   var _useResourceItem = useResourceItem(resource, itemId),
@@ -704,8 +686,6 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     editItem = _useState2[0],
     setEditItem = _useState2[1];
-  var pagesComponentsManager = usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Edit"));
   var onSuccess = useCallback(function (newItem) {
     return setEditItem(newItem);
   }, []);
@@ -715,12 +695,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
   var resourceValues = useResourceValues(resource);
   return /*#__PURE__*/React.createElement(ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React.createElement(CustomPage, {
-    resource: resource,
-    item: editItem,
-    type: type,
-    onSuccess: onSuccess
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeader, {
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
       values: resourceValues,
       id: "mCfzkJ",
@@ -744,7 +719,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     item: editItem,
     type: type,
     onSuccess: onSuccess
-  }) : null))))));
+  }) : null)))));
 };
 ResourceEditPage.propTypes = propTypes$d;
 ResourceEditPage.defaultProps = defaultProps$d;
@@ -975,6 +950,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
     filters = _resource$index2$filt === void 0 ? null : _resource$index2$filt;
     _resource$index2.actions;
     var listProps = _objectWithoutProperties(_resource$index2, _excluded$3);
+  console.log('resource', resource);
   var _usePanneauColorSchem = usePanneauColorScheme(),
     _usePanneauColorSchem2 = _usePanneauColorSchem.background,
     theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
@@ -1097,9 +1073,6 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     created = _ref4$created === void 0 ? false : _ref4$created,
     _ref4$deleted = _ref4.deleted,
     deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
-  var pagesComponentsManager = usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Index"));
-  var PageComponent = CustomPage !== null ? CustomPage : ResourceItemsList;
   var resourceRoute = useResourceUrlGenerator(resource);
   var url = resourceRoute('index');
   var onQueryChange = useCallback(function (submitQuery) {
@@ -1170,7 +1143,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       "type": 0,
       "value": " has been deleted."
     }]
-  })) : null, /*#__PURE__*/React.createElement(PageComponent, {
+  })) : null, /*#__PURE__*/React.createElement(ResourceItemsList, {
     resource: resource,
     baseUrl: url,
     query: listQuery,
@@ -1196,16 +1169,9 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
-  var pagesComponentsManager = usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Show"));
   return /*#__PURE__*/React.createElement(ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React.createElement(MainLayout, null, CustomPage ? /*#__PURE__*/React.createElement(CustomPage, {
-    resource: resource,
-    item: item,
-    type: type,
-    disabled: true
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeader, {
+  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
     title: "".concat(name, " #").concat(itemId),
     small: true
   }), /*#__PURE__*/React.createElement("div", {
@@ -1219,7 +1185,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
     item: item,
     type: type,
     disabled: true
-  })))))));
+  }))))));
 };
 ResourceShowPage.propTypes = propTypes$8;
 ResourceShowPage.defaultProps = defaultProps$8;
@@ -1230,8 +1196,6 @@ var defaultProps$7 = {};
 var HomePage = function HomePage() {
   var route = useUrlGenerator();
   var resources = usePanneauResources();
-  var pagesComponentsManager = usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent('Home');
   var visibleResources = resources.filter(function (_ref) {
     var _ref$settings = _ref.settings,
       _ref$settings2 = _ref$settings === void 0 ? {} : _ref$settings,
@@ -1239,9 +1203,7 @@ var HomePage = function HomePage() {
       hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
     return !hideInNavbar;
   });
-  return /*#__PURE__*/React.createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React.createElement(CustomPage, {
-    resources: visibleResources
-  }) : /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
     className: "container-sm py-4"
   }, visibleResources.map(function (resource) {
     var _ref2 = resource || {},
@@ -1363,15 +1325,11 @@ var propTypes$3 = {};
 var defaultProps$3 = {};
 var LoginPage = function LoginPage() {
   var route = useUrlGenerator();
-
   // Sadly necessary to update cookies and routes correctly from the backend,
   // make it post directly instead of api call
   var onSuccess = useCallback(function () {
     window.location.href = route('home');
   }, [route]);
-
-  // TODO: add overrides
-
   return /*#__PURE__*/React.createElement(GuestLayout, {
     fullscreen: true
   }, /*#__PURE__*/React.createElement("div", {
@@ -1695,9 +1653,9 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
 
   // If there is an error status code
   if (statusCode !== null) {
-    return /*#__PURE__*/React.createElement(ErrorComponent, {
+    return /*#__PURE__*/React.createElement(ErrorComponent, Object.assign({
       statusCode: statusCode
-    });
+    }, errorPage));
   }
 
   // If user is unauthenticated
@@ -1705,7 +1663,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
     return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
       path: routes['auth.login'],
       exact: true,
-      element: /*#__PURE__*/React.createElement(LoginComponent, null)
+      element: /*#__PURE__*/React.createElement(LoginComponent, loginPage)
     }), /*#__PURE__*/React.createElement(Route, {
       path: "*",
       element: /*#__PURE__*/React.createElement(Navigate, {
@@ -1719,7 +1677,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
   return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
     path: routes.home,
     exact: true,
-    element: /*#__PURE__*/React.createElement(HomeComponent, null)
+    element: /*#__PURE__*/React.createElement(HomeComponent, homePage)
   }), user !== null ? /*#__PURE__*/React.createElement(Route, {
     path: routes['auth.login'],
     exact: true,
@@ -1740,7 +1698,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
   }), /*#__PURE__*/React.createElement(Route, {
     path: routes.account,
     exact: true,
-    element: /*#__PURE__*/React.createElement(AccountComponent, null)
+    element: /*#__PURE__*/React.createElement(AccountComponent, accountPage)
   }), customRoutes.map(function (_ref5) {
     var _ref5$path = _ref5.path,
       path = _ref5$path === void 0 ? null : _ref5$path,

package/lib/index.js

@@ -612,7 +612,6 @@ var propTypes$f = {
 var defaultProps$f = {};
 var ResourceCreatePage = function ResourceCreatePage(_ref) {
   var resource = _ref.resource;
-  var name = resource.name;
   var navigate = reactRouter.useNavigate();
   var _useLocation = reactRouter.useLocation(),
     search = _useLocation.search;
@@ -623,18 +622,12 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
     _useMemo$type = _useMemo.type,
     type = _useMemo$type === void 0 ? null : _useMemo$type;
   var resourceValues = intl.useResourceValues(resource);
-  var pagesComponentsManager = contexts.usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Create"));
   var onSuccess = React.useCallback(function () {
     navigate("".concat(resourceRoute('index'), "?created=true"));
   }, [navigate, resourceRoute]);
   return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React__default["default"].createElement(CustomPage, {
-    resource: resource,
-    type: type,
-    onSuccess: onSuccess
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
     title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "6viUpq",
@@ -657,7 +650,7 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
     resource: resource,
     type: type,
     onSuccess: onSuccess
-  })))))));
+  }))))));
 };
 ResourceCreatePage.propTypes = propTypes$f;
 ResourceCreatePage.defaultProps = defaultProps$f;
@@ -669,7 +662,6 @@ var propTypes$e = {
 var defaultProps$e = {};
 var ResourceDeletePage = function ResourceDeletePage(_ref) {
   var resource = _ref.resource;
-  var name = resource.name;
   var _useParams = reactRouter.useParams(),
     itemId = _useParams.id;
   var navigate = reactRouter.useNavigate();
@@ -677,19 +669,12 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
   var _useResourceItem = data.useResourceItem(resource, itemId),
     item = _useResourceItem.item;
   var resourceValues = intl.useResourceValues(resource);
-  var pagesComponentsManager = contexts.usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Delete"));
   var onSuccess = React.useCallback(function () {
     return navigate("".concat(resourceRoute('index'), "?deleted=true"));
   }, [navigate, resourceRoute]);
   return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React__default["default"].createElement(CustomPage, {
-    resource: resource,
-    item: item,
-    onSuccess: onSuccess,
-    isDelete: true
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
     title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "zN5N/Q",
@@ -713,20 +698,17 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
     item: item,
     onSuccess: onSuccess,
     isDelete: true
-  }) : null))))));
+  }) : null)))));
 };
 ResourceDeletePage.propTypes = propTypes$e;
 ResourceDeletePage.defaultProps = defaultProps$e;
 
-// import Button from '../buttons/Button';
-
 var propTypes$d = {
   resource: core.PropTypes.resource.isRequired
 };
 var defaultProps$d = {};
 var ResourceEditPage = function ResourceEditPage(_ref) {
   var resource = _ref.resource;
-  var name = resource.name;
   var _useParams = reactRouter.useParams(),
     itemId = _useParams.id;
   var _useResourceItem = data.useResourceItem(resource, itemId),
@@ -738,8 +720,6 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     editItem = _useState2[0],
     setEditItem = _useState2[1];
-  var pagesComponentsManager = contexts.usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Edit"));
   var onSuccess = React.useCallback(function (newItem) {
     return setEditItem(newItem);
   }, []);
@@ -749,12 +729,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
   var resourceValues = intl.useResourceValues(resource);
   return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React__default["default"].createElement(CustomPage, {
-    resource: resource,
-    item: editItem,
-    type: type,
-    onSuccess: onSuccess
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
     title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       values: resourceValues,
       id: "mCfzkJ",
@@ -778,7 +753,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     item: editItem,
     type: type,
     onSuccess: onSuccess
-  }) : null))))));
+  }) : null)))));
 };
 ResourceEditPage.propTypes = propTypes$d;
 ResourceEditPage.defaultProps = defaultProps$d;
@@ -1009,6 +984,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
     filters = _resource$index2$filt === void 0 ? null : _resource$index2$filt;
     _resource$index2.actions;
     var listProps = _objectWithoutProperties__default["default"](_resource$index2, _excluded$3);
+  console.log('resource', resource);
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
     _usePanneauColorSchem2 = _usePanneauColorSchem.background,
     theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
@@ -1131,9 +1107,6 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     created = _ref4$created === void 0 ? false : _ref4$created,
     _ref4$deleted = _ref4.deleted,
     deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
-  var pagesComponentsManager = contexts.usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Index"));
-  var PageComponent = CustomPage !== null ? CustomPage : ResourceItemsList;
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var url = resourceRoute('index');
   var onQueryChange = React.useCallback(function (submitQuery) {
@@ -1204,7 +1177,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       "type": 0,
       "value": " has been deleted."
     }]
-  })) : null, /*#__PURE__*/React__default["default"].createElement(PageComponent, {
+  })) : null, /*#__PURE__*/React__default["default"].createElement(ResourceItemsList, {
     resource: resource,
     baseUrl: url,
     query: listQuery,
@@ -1230,16 +1203,9 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
-  var pagesComponentsManager = contexts.usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent("".concat(name, "Show"));
   return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
     resource: resource
-  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, CustomPage ? /*#__PURE__*/React__default["default"].createElement(CustomPage, {
-    resource: resource,
-    item: item,
-    type: type,
-    disabled: true
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
     title: "".concat(name, " #").concat(itemId),
     small: true
   }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1253,7 +1219,7 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
     item: item,
     type: type,
     disabled: true
-  })))))));
+  }))))));
 };
 ResourceShowPage.propTypes = propTypes$8;
 ResourceShowPage.defaultProps = defaultProps$8;
@@ -1264,8 +1230,6 @@ var defaultProps$7 = {};
 var HomePage = function HomePage() {
   var route = contexts.useUrlGenerator();
   var resources = contexts.usePanneauResources();
-  var pagesComponentsManager = contexts.usePagesComponentsManager();
-  var CustomPage = pagesComponentsManager.getComponent('Home');
   var visibleResources = resources.filter(function (_ref) {
     var _ref$settings = _ref.settings,
       _ref$settings2 = _ref$settings === void 0 ? {} : _ref$settings,
@@ -1273,9 +1237,7 @@ var HomePage = function HomePage() {
       hideInNavbar = _ref$settings2$hideIn === void 0 ? false : _ref$settings2$hideIn;
     return !hideInNavbar;
   });
-  return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, CustomPage !== null ? /*#__PURE__*/React__default["default"].createElement(CustomPage, {
-    resources: visibleResources
-  }) : /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "container-sm py-4"
   }, visibleResources.map(function (resource) {
     var _ref2 = resource || {},
@@ -1397,15 +1359,11 @@ var propTypes$3 = {};
 var defaultProps$3 = {};
 var LoginPage = function LoginPage() {
   var route = contexts.useUrlGenerator();
-
   // Sadly necessary to update cookies and routes correctly from the backend,
   // make it post directly instead of api call
   var onSuccess = React.useCallback(function () {
     window.location.href = route('home');
   }, [route]);
-
-  // TODO: add overrides
-
   return /*#__PURE__*/React__default["default"].createElement(GuestLayout, {
     fullscreen: true
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1729,9 +1687,9 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
 
   // If there is an error status code
   if (statusCode !== null) {
-    return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, {
+    return /*#__PURE__*/React__default["default"].createElement(ErrorComponent, Object.assign({
       statusCode: statusCode
-    });
+    }, errorPage));
   }
 
   // If user is unauthenticated
@@ -1739,7 +1697,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(reactRouter.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
       path: routes['auth.login'],
       exact: true,
-      element: /*#__PURE__*/React__default["default"].createElement(LoginComponent, null)
+      element: /*#__PURE__*/React__default["default"].createElement(LoginComponent, loginPage)
     }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
       path: "*",
       element: /*#__PURE__*/React__default["default"].createElement(reactRouter.Navigate, {
@@ -1753,7 +1711,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(reactRouter.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: routes.home,
     exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(HomeComponent, null)
+    element: /*#__PURE__*/React__default["default"].createElement(HomeComponent, homePage)
   }), user !== null ? /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: routes['auth.login'],
     exact: true,
@@ -1774,7 +1732,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(reactRouter.Route, {
     path: routes.account,
     exact: true,
-    element: /*#__PURE__*/React__default["default"].createElement(AccountComponent, null)
+    element: /*#__PURE__*/React__default["default"].createElement(AccountComponent, accountPage)
   }), customRoutes.map(function (_ref5) {
     var _ref5$path = _ref5.path,
       path = _ref5$path === void 0 ? null : _ref5$path,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/app",
-    "version": "2.0.49",
+    "version": "2.0.51",
     "description": "",
     "keywords": [
         "javascript"
@@ -63,30 +63,30 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.35",
         "@fortawesome/free-solid-svg-icons": "^5.15.3",
         "@fortawesome/react-fontawesome": "^0.1.14",
-        "@panneau/auth": "^2.0.46",
-        "@panneau/core": "^2.0.46",
-        "@panneau/data": "^2.0.46",
-        "@panneau/displays": "^2.0.46",
-        "@panneau/element-alert": "^2.0.46",
-        "@panneau/element-button": "^2.0.46",
-        "@panneau/element-buttons": "^2.0.46",
-        "@panneau/element-dropdown": "^2.0.46",
-        "@panneau/element-form": "^2.0.46",
-        "@panneau/element-form-group": "^2.0.46",
-        "@panneau/element-label": "^2.0.46",
-        "@panneau/element-link": "^2.0.46",
-        "@panneau/element-loading": "^2.0.46",
-        "@panneau/element-menu": "^2.0.46",
-        "@panneau/element-navbar": "^2.0.46",
-        "@panneau/element-pagination": "^2.0.46",
-        "@panneau/element-radios": "^2.0.46",
-        "@panneau/fields": "^2.0.49",
-        "@panneau/filters": "^2.0.46",
-        "@panneau/forms": "^2.0.46",
-        "@panneau/intl": "^2.0.46",
-        "@panneau/lists": "^2.0.46",
-        "@panneau/modals": "^2.0.46",
-        "@panneau/themes": "^2.0.46",
+        "@panneau/auth": "^2.0.51",
+        "@panneau/core": "^2.0.51",
+        "@panneau/data": "^2.0.51",
+        "@panneau/displays": "^2.0.51",
+        "@panneau/element-alert": "^2.0.51",
+        "@panneau/element-button": "^2.0.51",
+        "@panneau/element-buttons": "^2.0.51",
+        "@panneau/element-dropdown": "^2.0.51",
+        "@panneau/element-form": "^2.0.51",
+        "@panneau/element-form-group": "^2.0.51",
+        "@panneau/element-label": "^2.0.51",
+        "@panneau/element-link": "^2.0.51",
+        "@panneau/element-loading": "^2.0.51",
+        "@panneau/element-menu": "^2.0.51",
+        "@panneau/element-navbar": "^2.0.51",
+        "@panneau/element-pagination": "^2.0.51",
+        "@panneau/element-radios": "^2.0.51",
+        "@panneau/fields": "^2.0.51",
+        "@panneau/filters": "^2.0.51",
+        "@panneau/forms": "^2.0.51",
+        "@panneau/intl": "^2.0.51",
+        "@panneau/lists": "^2.0.51",
+        "@panneau/modals": "^2.0.51",
+        "@panneau/themes": "^2.0.51",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -98,5 +98,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "813f7f4608491613dc839a6507e6d3ac9c0da62d"
+    "gitHead": "dcdf30dd8429d6022ae69fff1ea7a101fc6d4e71"
 }