Skip to content

CustomApp not work #2485

Description

@data-server

Please do not submit support requests or "How to" questions here. For that, go to StackOverflow.

What you were expecting:

What happened instead:

Steps to reproduce:

Related code:

Edit nn3mrv8zyj

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Provider } from 'react-redux';
import createHistory from 'history/createHashHistory';
import { ConnectedRouter } from 'react-router-redux';
import { Switch, Route } from 'react-router-dom';
import withContext from 'recompose/withContext';
import { TranslationProvider, Resource } from 'react-admin';
import restProvider from 'ra-data-simple-rest';
import defaultMessages from 'ra-language-english';
import { MuiThemeProvider,createMuiTheme  } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';

import createAdminStore from './createAdminStore';
// import messages from './i18n';

// your app components
// import Dashboard from './Dashboard';
import { UserList } from './User';

// side effects
const authProvider = () => Promise.resolve();
const dataProvider = restProvider('https://jsonplaceholder.typicode.com');
const i18nProvider = locale => {
    // if (locale !== 'en') {
    //     return messages[locale];
    // }
    return defaultMessages;
};
const history = createHistory();
const theme = createMuiTheme();
const App = () => (
    <Provider
        store={createAdminStore({
            authProvider,
            dataProvider,
            i18nProvider,
            history,
        })}
    >
        <TranslationProvider>
            <ConnectedRouter history={history}>
                <Resource name="users" context="registration" />
                <MuiThemeProvider theme={theme}>
                    <AppBar position="static" color="default">
                        <Toolbar>
                            <Typography variant="title" color="inherit">
                                My admin
                            </Typography>
                        </Toolbar>
                    </AppBar>
                    <Switch>
                        <Route exact path="/users" hasCreate render={(routeProps) => <UserList resource="users" {...routeProps} />} />
                    </Switch>
                </MuiThemeProvider>
            </ConnectedRouter>
        </TranslationProvider>
    </Provider>
);

export default withContext(
       {
           authProvider: PropTypes.func,
       },
   () => ({ authProvider }))

Other information:

Environment

  • React-admin version:
  • Last version that did not exhibit the issue (if applicable):
  • React version:
  • Browser:
  • Stack trace (in case of a JS error):

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions