Skip to content
Snippets Groups Projects
Select Git revision
  • 2e7325dff213b66b983917e9d032e28ec171e02c
  • master default
  • apiTutorial
  • gitResources
  • gisExample
  • syllabusDev
6 results

example_leaflet_reactive.R

Blame
  • Forked from SERG / woRkflow
    Source project has a limited visibility.
    AddPartner.js 6.15 KiB
    import React from 'react';
    import clsx from 'clsx';
    import { makeStyles } from '@material-ui/core/styles';
    import CssBaseline from '@material-ui/core/CssBaseline';
    import Drawer from '@material-ui/core/Drawer';
    import Box from '@material-ui/core/Box';
    import AppBar from '@material-ui/core/AppBar';
    import Toolbar from '@material-ui/core/Toolbar';
    import List from '@material-ui/core/List';
    import Typography from '@material-ui/core/Typography';
    import Divider from '@material-ui/core/Divider';
    import IconButton from '@material-ui/core/IconButton';
    import Badge from '@material-ui/core/Badge';
    import Container from '@material-ui/core/Container';
    import Grid from '@material-ui/core/Grid';
    import Paper from '@material-ui/core/Paper';
    import Link from '@material-ui/core/Link';
    import MenuIcon from '@material-ui/icons/Menu';
    import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
    import NotificationsIcon from '@material-ui/icons/Notifications';
    import { mainListItems, secondaryListItems } from '../components/Other/listItems';
    import Partners from '../components/Other/Partners';
    import Forms from '../components/Other/Forms';
    import firebase from '../firebase';
    
    function Copyright() {
      return (
        <Typography variant="body2" color="textSecondary" align="center">
          {'Copyright © '}
          <Link color="inherit" href="https://material-ui.com/">
            CompForge
          </Link>{' '}
          {new Date().getFullYear()}
          {'.'}
        </Typography>
      );
    }
    
    const drawerWidth = 240;
    
    const useStyles = makeStyles((theme) => ({
      root: {
        display: 'flex',
      },
      toolbar: {
        paddingRight: 24, // keep right padding when drawer closed
      },
      toolbarIcon: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'flex-end',
        padding: '0 8px',
        ...theme.mixins.toolbar,
      },
      appBar: {
        zIndex: theme.zIndex.drawer + 1,
        transition: theme.transitions.create(['width', 'margin'], {
          easing: theme.transitions.easing.sharp,
          duration: theme.transitions.duration.leavingScreen,
        }),
      },
      appBarShift: {
        // Space for menu 'drawer' from side. Removed for now because button has gone AWOL.
        // marginLeft: drawerWidth,
        // width: `calc(100% - ${drawerWidth}px)`,
        transition: theme.transitions.create(['width', 'margin'], {
          easing: theme.transitions.easing.sharp,
          duration: theme.transitions.duration.enteringScreen,
        }),
      },