From b066c64e906e8ad983617e4f4a6aade8960451dd Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 1 Apr 2019 21:11:11 +0200
Subject: [PATCH] remove the FabIntegrationSnackbar example

---
 .../demos/snackbars/FabIntegrationSnackbar.js | 98 -------------------
 .../snackbars/FabIntegrationSnackbar.tsx      | 98 -------------------
 docs/src/pages/demos/snackbars/snackbars.md   |  6 --
 3 files changed, 202 deletions(-)
 delete mode 100644 docs/src/pages/demos/snackbars/FabIntegrationSnackbar.js
 delete mode 100644 docs/src/pages/demos/snackbars/FabIntegrationSnackbar.tsx

diff --git a/docs/src/pages/demos/snackbars/FabIntegrationSnackbar.js b/docs/src/pages/demos/snackbars/FabIntegrationSnackbar.js
deleted file mode 100644
index a9dac96f675076..00000000000000
--- a/docs/src/pages/demos/snackbars/FabIntegrationSnackbar.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import AppBar from '@material-ui/core/AppBar';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import Toolbar from '@material-ui/core/Toolbar';
-import IconButton from '@material-ui/core/IconButton';
-import MenuIcon from '@material-ui/icons/Menu';
-import Typography from '@material-ui/core/Typography';
-import Button from '@material-ui/core/Button';
-import Fab from '@material-ui/core/Fab';
-import AddIcon from '@material-ui/icons/Add';
-import Snackbar from '@material-ui/core/Snackbar';
-
-const useStyles = makeStyles(theme => ({
-  root: {
-    position: 'relative',
-    overflow: 'hidden',
-  },
-  appFrame: {
-    height: 356,
-    background: theme.palette.background.paper,
-  },
-  menuButton: {
-    marginRight: theme.spacing(2),
-  },
-  button: {
-    marginBottom: theme.spacing(1),
-  },
-  fab: {
-    position: 'absolute',
-    bottom: theme.spacing(2),
-    right: theme.spacing(2),
-  },
-  snackbar: {
-    [theme.breakpoints.down('xs')]: {
-      bottom: 90,
-    },
-  },
-}));
-
-function FabIntegrationSnackbar() {
-  const classes = useStyles();
-  const [open, setOpen] = React.useState(false);
-
-  function handleClick() {
-    setOpen(true);
-  }
-
-  function handleClose() {
-    setOpen(false);
-  }
-
-  return (
-    <div className={classes.root}>
-      <CssBaseline />
-      <Button className={classes.button} onClick={handleClick}>
-        Open snackbar
-      </Button>
-      <div className={classes.appFrame}>
-        <AppBar position="static" color="primary">
-          <Toolbar>
-            <IconButton
-              edge="start"
-              className={classes.menuButton}
-              color="inherit"
-              aria-label="Menu"
-            >
-              <MenuIcon />
-            </IconButton>
-            <Typography variant="h6" color="inherit">
-              Out of my way!
-            </Typography>
-          </Toolbar>
-        </AppBar>
-        <Fab color="secondary" className={classes.fab}>
-          <AddIcon />
-        </Fab>
-        <Snackbar
-          open={open}
-          autoHideDuration={4000}
-          onClose={handleClose}
-          ContentProps={{
-            'aria-describedby': 'snackbar-fab-message-id',
-          }}
-          message={<span id="snackbar-fab-message-id">Archived</span>}
-          action={
-            <Button color="inherit" size="small" onClick={handleClose}>
-              Undo
-            </Button>
-          }
-          className={classes.snackbar}
-        />
-      </div>
-    </div>
-  );
-}
-
-export default FabIntegrationSnackbar;
diff --git a/docs/src/pages/demos/snackbars/FabIntegrationSnackbar.tsx b/docs/src/pages/demos/snackbars/FabIntegrationSnackbar.tsx
deleted file mode 100644
index 63bc8b1ab81f75..00000000000000
--- a/docs/src/pages/demos/snackbars/FabIntegrationSnackbar.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { makeStyles, Theme } from '@material-ui/core/styles';
-import AppBar from '@material-ui/core/AppBar';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import Toolbar from '@material-ui/core/Toolbar';
-import IconButton from '@material-ui/core/IconButton';
-import MenuIcon from '@material-ui/icons/Menu';
-import Typography from '@material-ui/core/Typography';
-import Button from '@material-ui/core/Button';
-import Fab from '@material-ui/core/Fab';
-import AddIcon from '@material-ui/icons/Add';
-import Snackbar from '@material-ui/core/Snackbar';
-
-const useStyles = makeStyles((theme: Theme) => ({
-  root: {
-    position: 'relative',
-    overflow: 'hidden',
-  },
-  appFrame: {
-    height: 356,
-    background: theme.palette.background.paper,
-  },
-  menuButton: {
-    marginRight: theme.spacing(2),
-  },
-  button: {
-    marginBottom: theme.spacing(1),
-  },
-  fab: {
-    position: 'absolute',
-    bottom: theme.spacing(2),
-    right: theme.spacing(2),
-  },
-  snackbar: {
-    [theme.breakpoints.down('xs')]: {
-      bottom: 90,
-    },
-  },
-}));
-
-function FabIntegrationSnackbar() {
-  const classes = useStyles();
-  const [open, setOpen] = React.useState(false);
-
-  function handleClick() {
-    setOpen(true);
-  }
-
-  function handleClose() {
-    setOpen(false);
-  }
-
-  return (
-    <div className={classes.root}>
-      <CssBaseline />
-      <Button className={classes.button} onClick={handleClick}>
-        Open snackbar
-      </Button>
-      <div className={classes.appFrame}>
-        <AppBar position="static" color="primary">
-          <Toolbar>
-            <IconButton
-              edge="start"
-              className={classes.menuButton}
-              color="inherit"
-              aria-label="Menu"
-            >
-              <MenuIcon />
-            </IconButton>
-            <Typography variant="h6" color="inherit">
-              Out of my way!
-            </Typography>
-          </Toolbar>
-        </AppBar>
-        <Fab color="secondary" className={classes.fab}>
-          <AddIcon />
-        </Fab>
-        <Snackbar
-          open={open}
-          autoHideDuration={4000}
-          onClose={handleClose}
-          ContentProps={{
-            'aria-describedby': 'snackbar-fab-message-id',
-          }}
-          message={<span id="snackbar-fab-message-id">Archived</span>}
-          action={
-            <Button color="inherit" size="small" onClick={handleClose}>
-              Undo
-            </Button>
-          }
-          className={classes.snackbar}
-        />
-      </div>
-    </div>
-  );
-}
-
-export default FabIntegrationSnackbar;
diff --git a/docs/src/pages/demos/snackbars/snackbars.md b/docs/src/pages/demos/snackbars/snackbars.md
index d58dc0e6cff3b6..3cc0d89159d794 100644
--- a/docs/src/pages/demos/snackbars/snackbars.md
+++ b/docs/src/pages/demos/snackbars/snackbars.md
@@ -52,12 +52,6 @@ When multiple snackbar updates are necessary, they should appear one at a time.
 
 {{"demo": "pages/demos/snackbars/ConsecutiveSnackbars.js"}}
 
-### Snackbars and floating action buttons (FABs)
-
-Snackbars should appear above FABs (on mobile).
-
-{{"demo": "pages/demos/snackbars/FabIntegrationSnackbar.js", "iframe": true, "maxWidth": 600}}
-
 ### Control Direction
 
 Change the direction of the transition. Slide is the default transition.