admin-on-rest-fr05t1k/src/mui/form/Toolbar.js

A frontend Framework for building admin applications on top of REST services, using ES6, React and Material UI

import React from 'react';
import { Toolbar as MuiToolbar, ToolbarGroup } from 'material-ui/Toolbar';
import Responsive from '../layout/Responsive';
import { SaveButton } from '../button';

const styles = {
    mobileToolbar: {
        position: 'fixed',
        bottom: 0,
        width: '100%',
        backgroundColor: 'white',
        justifyContent: 'flex-end',
        zIndex: 2,
    },
};

const Toolbar = ({ invalid }) => (
    <Responsive
        small={
            <MuiToolbar style={styles.mobileToolbar} noGutter>
                <ToolbarGroup>
                    <SaveButton invalid={invalid} raised={false} />
                </ToolbarGroup>
            </MuiToolbar>
        }
        medium={
            <MuiToolbar>
                <ToolbarGroup>
                    <SaveButton invalid={invalid} />
                </ToolbarGroup>
            </MuiToolbar>
        }
    />
);

export default Toolbar;