@applica-software-guru/react-admin 1.0.62 → 1.0.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "private": false,
   "repository": {
     "type": "git",

package/src/components/ra-pages/ActivatePage.tsx

@@ -0,0 +1,58 @@
+/* eslint-disable no-console */
+import { Grid, Stack, Typography } from '@mui/material';
+import { Link, useNavigate, useParams } from 'react-router-dom';
+import { useAuthProvider, useNotify, useTranslate } from 'ra-core';
+
+import AuthWrapper from '../AuthWrapper';
+import { BaseAuthProps } from './types';
+import PropTypes from 'prop-types';
+import _ from 'lodash';
+import { useEffect } from 'react';
+
+const ActivatePage = ({ name, version, background }: BaseAuthProps) => {
+  const translate = useTranslate();
+  const authProvider = useAuthProvider();
+  const notify = useNotify();
+  const navigate = useNavigate();
+  const { token } = useParams();
+  useEffect(() => {
+    if (typeof authProvider.activate !== 'function') {
+      throw new Error('The authProvider used for the ActivatePage must define an activate() method');
+    }
+    authProvider
+      .activate(token)
+      .then(() => {
+        notify('ra.auth.activate_success', { type: 'info' });
+        _.delay(() => navigate('/login'), 3000);
+      })
+      .catch((error: any) => {
+        notify(error, { type: 'error' });
+        _.delay(() => navigate('/login'), 3000);
+      });
+  }, [token]);
+  return (
+    <AuthWrapper name={name} version={version} background={background}>
+      <Grid container spacing={3}>
+        <Grid item xs={12}>
+          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+            <Typography variant="h3">{translate('ra.auth.activate')}</Typography>
+            <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
+              {translate('ra.auth.back_to_login')}
+            </Typography>
+          </Stack>
+        </Grid>
+        <Grid item xs={12}>
+          {translate('ra.auth.activate_pending')}
+        </Grid>
+      </Grid>
+    </AuthWrapper>
+  );
+};
+
+ActivatePage.propTypes = {
+  name: PropTypes.string.isRequired,
+  version: PropTypes.string.isRequired,
+  background: PropTypes.node
+};
+
+export default ActivatePage;

package/src/components/ra-pages/index.ts

@@ -1,4 +1,5 @@
+import ActivatePage from './ActivatePage';
 import LoginPage from './LoginPage';
 import RecoverPage from './RecoverPage';
 import RegisterPage from './RegisterPage';
-export { LoginPage, RecoverPage, RegisterPage };
+export { ActivatePage, LoginPage, RecoverPage, RegisterPage };

package/src/playground/App.jsx

@@ -3,7 +3,7 @@
 import * as entities from './entities';
 
 import { API_URL, APP_NAME, FILE_FIELDS } from './config';
-import { ApplicaAdmin, HttpError, RecoverPage, RegisterPage, Resource } from '@applica-software-guru/react-admin';
+import { ActivatePage, ApplicaAdmin, HttpError, RecoverPage, RegisterPage, Resource } from '@applica-software-guru/react-admin';
 import { createAttachmentsParser, createDataProvider } from '@applica-software-guru/crud-client';
 
 import { CustomPage } from './components/pages';
@@ -52,6 +52,7 @@ const App = () => {
       <CustomRoutes noLayout>
         <Route path="/register" element={<RegisterPage name={APP_NAME} version={build.version} />} />
         <Route path="/recover" element={<RecoverPage name={APP_NAME} version={build.version} />} />
+        <Route path="/activate/:token" element={<ActivatePage name={APP_NAME} version={build.version} />} />
       </CustomRoutes>
     </ApplicaAdmin>
   );