From c0c6768cbb923ff520c0eeaa8abef77d445d29a5 Mon Sep 17 00:00:00 2001
From: Sander Vocke <sandervocke@gmail.com>
Date: Mon, 14 Sep 2020 16:15:54 +0200
Subject: [PATCH] Remove mock-up.

---
 client/src/App.tsx               |   4 -
 client/src/components/Mockup.tsx | 149 -------------------------------
 2 files changed, 153 deletions(-)
 delete mode 100644 client/src/components/Mockup.tsx

diff --git a/client/src/App.tsx b/client/src/App.tsx
index bbe4c9c..53a1c55 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -8,7 +8,6 @@ import {
   Switch,
   Route
 } from "react-router-dom";
-import Mockup from './components/Mockup';
 import Window from './components/Window';
 
 function App() {
@@ -16,9 +15,6 @@ function App() {
     <Router>
       <DndProvider backend={HTML5Backend}>
         <Switch>
-          <Route path="/mockup">
-            <Mockup />
-          </Route>
           <Route path="/">
             <Window/>
           </Route>
diff --git a/client/src/components/Mockup.tsx b/client/src/components/Mockup.tsx
deleted file mode 100644
index 3d71382..0000000
--- a/client/src/components/Mockup.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import React from 'react';
-import { makeStyles, createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
-import Table from '@material-ui/core/Table';
-import TableBody from '@material-ui/core/TableBody';
-import TableCell from '@material-ui/core/TableCell';
-import TableContainer from '@material-ui/core/TableContainer';
-import TableHead from '@material-ui/core/TableHead';
-import TableRow from '@material-ui/core/TableRow';
-import Paper from '@material-ui/core/Paper';
-import Box from '@material-ui/core/Box';
-import SearchIcon from '@material-ui/icons/Search';
-import { IconButton, Typography, Chip, Link, AppBar, CssBaseline } from '@material-ui/core';
-
-export function MockTable() {
-
-    const rows = [
-        ['No One Knows', "Queens of the Stone Age", "Blabla", "Tag"],
-        ['Ice cream sandwich', "My man", "What?", 37],
-        ['Eclair', "George Baker", "Bakeroo", 24],
-        ['Cupcake', "The Sweetie Pies", "Bla", "Bloo"],
-        ['Gingerbread', "Is ahead", "But you'll get", "Vury fet"],
-    ];
-
-    const useTableStyles = makeStyles({
-        table: {
-            minWidth: 650,
-        },
-    });
-    const classes = useTableStyles();
-
-    return (
-        <TableContainer component={Paper}>
-            <Table className={classes.table} aria-label="a dense table">
-                <TableHead>
-                    <TableRow>
-                        <TableCell align="left">Title</TableCell>
-                        <TableCell align="left">Artist</TableCell>
-                        <TableCell align="left">Album</TableCell>
-                        <TableCell align="right">Tags</TableCell>
-                    </TableRow>
-                </TableHead>
-                <TableBody>
-                    {rows.map((row) => (
-                        <TableRow key={row[0]}>
-                            <TableCell align="left">{row[0]}</TableCell>
-                            <TableCell align="left">{row[1]}</TableCell>
-                            <TableCell align="left">{row[2]}</TableCell>
-                            <TableCell align="right">{row[3]}</TableCell>
-                        </TableRow>
-                    ))}
-                </TableBody>
-            </Table>
-        </TableContainer>
-    );
-}
-
-export function QueryContainer(props: any) {
-    return <Paper elevation={3}>
-        {props.children}
-    </Paper>
-}
-
-export function QueryElem(props: any) {
-    return <>
-        <Chip label={props.children} />
-    </>
-}
-
-export function QueryBar() {
-    return <Box display="flex" alignItems="center">
-        <Box m={2}>
-            <IconButton>
-                <SearchIcon style={{ fontSize: 80 }} />
-            </IconButton>
-        </Box>
-        <Box m={2}>
-            <QueryContainer>
-                <Box display="flex" flexDirection="column" alignItems="center">
-                    <Box m={0.5} />
-                    <Box m={0.5}>
-                        <QueryElem>
-                            <Typography>By <Link color="inherit" href="#">Queens of the Stone Age</Link></Typography>
-                        </QueryElem>
-                    </Box>
-                    <Box m={0.5}>
-                        <QueryElem>
-                            <Typography>Released before 2020</Typography>
-                        </QueryElem>
-                    </Box>
-                    <Box m={0.5} />
-                </Box>
-            </QueryContainer>
-        </Box>
-        <Box m={2}>
-            <Typography variant="button">Or</Typography>
-        </Box>
-        <Box m={2}>
-            <Box m={0.5}>
-                <QueryElem>
-                    <Typography>Genre: "Awesome"</Typography>
-                </QueryElem>
-            </Box>
-        </Box>
-    </Box >
-}
-
-function MockupBody() {
-    return <>
-        <AppBar position="static" style={{background: 'grey'}}>
-            <Box m={0.5} display="flex" alignItems="center">
-                <img height="30px" src={process.env.PUBLIC_URL + "/logo.svg"} alt="error"></img>
-            </Box>
-        </AppBar>
-        <Box width="100%" justifyContent="center" display="flex" flexWrap="wrap">
-            <Box
-                m={1}
-                width="80%"
-            >
-                {/* <Paper> */}
-                <QueryBar />
-                {/* </Paper> */}
-            </Box>
-            <Box
-                m={1}
-                width="80%"
-            >
-                <Paper>
-                    <MockTable />
-                </Paper>
-            </Box>
-        </Box>
-    </>
-}
-
-
-const darkTheme = createMuiTheme({
-    palette: {
-        type: 'dark'
-    },
-});
-
-export default function Mockup() {
-    return <>
-        <ThemeProvider theme={darkTheme}>
-            <CssBaseline />
-            <MockupBody />
-        </ThemeProvider>
-    </>
-}
\ No newline at end of file