diff --git a/package.json b/package.json
index ec1af2e..1dded59 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
"version": "0.1.0",
"private": true,
"dependencies": {
+ "@material-ui/core": "^4.9.13",
"@material-ui/icons": "^4.9.1",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
@@ -17,8 +18,7 @@
"react-i18next": "^11.4.0",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.1",
- "react-use": "^14.2.0",
- "@material-ui/core": "latest"
+ "react-use": "^14.2.0"
},
"scripts": {
"start": "react-scripts start",
diff --git a/src/components/pages/Events.js b/src/components/pages/Events.js
index 9e1d50c..c30525d 100644
--- a/src/components/pages/Events.js
+++ b/src/components/pages/Events.js
@@ -1,9 +1,96 @@
-import React from 'react'
+import React from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core/styles';
+import AppBar from '@material-ui/core/AppBar';
+import Tabs from '@material-ui/core/Tabs';
+import Tab from '@material-ui/core/Tab';
+import Grid from '@material-ui/core/Grid';
+import Showcase from '../Showcase';
+import { useWindowSize } from 'react-use';
+
+function TabPanel(props) {
+ const { children, value, index, ...other } = props;
+
+ return (
+
+ {value === index && (
+
+ {children}
+
+ )}
+
+ );
+}
+
+TabPanel.propTypes = {
+ children: PropTypes.node,
+ index: PropTypes.any.isRequired,
+ value: PropTypes.any.isRequired,
+};
+
+function a11yProps(index) {
+ return {
+ id: `simple-tab-${index}`,
+ 'aria-controls': `simple-tabpanel-${index}`,
+ };
+}
+
+
+const useStyles = makeStyles((theme) => ({
+
+ root: {
+ flexGrow: 1,
+ overflowX: "hidden",
+ },
+
+ big: {
+ marginLeft: '5rem',
+ },
+
+ small: {
+ marginLeft: 0,
+ }
+}));
export default function Events() {
- return (
-
-
-
- )
+ const classes = useStyles();
+ const [value, setValue] = React.useState(0);
+ console.log(value);
+ const windowSize = useWindowSize();
+ const handleChange = (event, newValue) => {
+ setValue(newValue);
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+