ra-auth-cognito

import React from 'react'; import { Admin, Resource } from 'react-admin'; import { CognitoAuthProvider, Login } from 'ra-auth-cognito'; import { CognitoUserPool } from 'amazon-cognito-identity-js'; // Mock data provider and resources for demonstration const dataProvider = { getList: () => Promise.resolve({ data: [{ id: 1, title: 'Post 1' }], total: 1 }), getOne: () => Promise.resolve({ data: { id: 1, title: 'Post 1' } }), getMany: () => Promise.resolve({ data: [{ id: 1, title: 'Post 1' }] }), getManyReference: () => Promise.resolve({ data: [{ id: 1, title: 'Post 1' }], total: 1 }), update: () => Promise.resolve({ data: { id: 1, title: 'Post 1' } }), updateMany: () => Promise.resolve({ data: [{ id: 1, title: 'Post 1' }] }), create: () => Promise.resolve({ data: { id: 1, title: 'New Post' } }), delete: () => Promise.resolve({ data: { id: 1, title: 'Post 1' } }), deleteMany: () => Promise.resolve({ data: [{ id: 1, title: 'Post 1' }] }) }; const posts = { list: () => <div>Posts List</div>, edit: () => <div>Edit Post</div> }; // Ensure these environment variables are set in your .env file or build process const userPoolId = process.env.REACT_APP_COGNITO_USERPOOL_ID ?? 'us-east-1_XXXXX'; const clientId = process.env.REACT_APP_COGNITO_APP_CLIENT_ID ?? 'XXXXXXXXXXXX'; const userPool = new CognitoUserPool({ UserPoolId: userPoolId, ClientId: clientId }); const authProvider = CognitoAuthProvider(userPool); const App = () => { if (!userPoolId || !clientId) { console.error('Cognito UserPoolId or ClientId not set. Please check your environment variables.'); return <div>Configuration Error: Cognito details missing.</div>; } return ( <Admin authProvider={authProvider} dataProvider={dataProvider} title="Example Admin" loginPage={Login} // Use the provided Login component for temporary password handling > <Resource name="posts" {...posts} /> </Admin> ); }; export default App;