Merge pull request #129 from IEEE-RVCE/mtts

Added mtts page

src/App.js

@@ -18,7 +18,8 @@ import CASSocietyPage from './pages/CASSocietyPage';
 import SCSocietyPage from './pages/SCSocietyPage';
 import PESSocietyPage from './pages/PESSocietyPage';
 import COMSOCSocietyPage from './pages/COMSOCSocietyPage';
-import AESSScoietyPage from './pages/AESSSocietyPage';
+import AESSSocietyPage from './pages/AESSSocietyPage';
+import MTTSSocietyPage from './pages/MTTSSocietyPage';
 import WIEAffinityPage from './pages/WIEAffinityPage';
 import SIGHTAffinityPage from './pages/SIGHTAffinityPage';
 import Header from './components/Header';
@@ -176,7 +177,10 @@ export default function App() {
           <SCSocietyPage />
         </Route>
         <Route path="/society/aess">
-          <AESSScoietyPage />
+          <AESSSocietyPage />
+        </Route>
+        <Route path="/society/mtts">
+          <MTTSSocietyPage />
         </Route>
         <Route path="/affinity/wie">
           <WIEAffinityPage />

src/links.js

@@ -46,7 +46,7 @@ export const societies = [
   { name: 'Robotics and Automation Society', link: '/society/ras' },
   { name: 'Circuits and Systems Society', link: '/society/cas' },
   { name: 'Sensor Council', link: '/society/sc' },
-  { name: 'Microwave Theory and Technology Society', link: '/' },
+  { name: 'Microwave Theory and Technology Society', link: '/society/mtts' },
   { name: 'Aerospace and Electronic Systems Society ', link: '/society/aess'},
 
 ];
@@ -154,6 +154,7 @@ export const images = {
     mainWhite: imagePath + '/landing/MainWhite.png',
     cas: imagePath + '/landing/cas.png',
     sc: imagePath + '/landing/sc.png',
+    mtts: imagePath+'/landing/mtts.png',
     aess: imagePath + '/landing/aess.png',
   },
 };
@@ -455,12 +456,13 @@ export const execom = {
       image: imagePath + '/execom/sensorscouncil/Shikhar Verma-Treasurer.jpg',
     },
   ],
+
   aess: [
-    //{
-      //name: 'Dr. Veena Divya K',
-      //position: 'Faculty Advisor',
-      //image: imagePath + '/execom/sensorscouncil/veena_maam.jpg',
-    //},
+    {
+      name: 'Dr. K S Shushrutha',
+      position: 'Faculty Advisor',
+      image: imagePath + '/execom/aess/drksshushrutha.png',
+    },
     {
       name: 'Vishal Hugar ',
       position: 'Chair',
@@ -482,6 +484,29 @@ export const execom = {
       image: imagePath + '/execom/aess/Pratik_B_Matt_-_Treasurer_.jpg',
     },
   ],
+  mtts: [
+    {
+      name: 'Dr. Mahesh A',
+      position: 'Faculty Advisor',
+      image: imagePath + '/execom/mtts/drmahesh.jpg',
+    },
+    {
+      name: 'Yasha Mandawat ',
+      position: 'Chair',
+      image: imagePath + '/execom/mtts/MTT_Chair_Yasha Mandawat.jpg',
+    },
+
+    {
+      name: 'Yashasvi Jana',
+      position: 'Secretary',
+      image: imagePath + '/execom/mtts/YashasviJana - MTTS_Secretary .jpg',
+    },
+    {
+      name: 'Ananya Bhat',
+      position: 'Treasurer',
+      image: imagePath + '/execom/mtts/MTTS_Treasurer_AnanyaRBhat.jpg',
+    },
+  ],
 };
 
 /** Alumni execom.

src/pages/MTTSSocietyPage.js

@@ -0,0 +1,115 @@
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import { Container, Grid, Typography, Paper } from '@material-ui/core';
+import { Link } from 'react-router-dom';
+import { makeStyles } from '@material-ui/core/styles';
+import Avatar from '../components/Avatar';
+import EventCard from '../components/EventCard';
+import { hostname, ecats, images, execom, alumni } from '../links';
+import AlumniAccordions from '../components/AlumniAccordions';
+import SpacyDivider from '../components/SpacyDivider';
+
+const useStyles = makeStyles(theme => ({
+  root: theme.root,
+  container: theme.page,
+  paper: {
+    ...theme.paper,
+    padding: theme.spacing(4),
+  },
+  link: {
+    ...theme.link,
+    float: 'right',
+    textDecoration: 'none',
+  },
+  carousel: {
+    margin: 'auto',
+    paddingTop: theme.spacing(4),
+  },
+}));
+
+export default function MTTSSocietyPage(props) {
+  const classes = useStyles();
+
+  const [events, setEvents] = useState([]);
+
+  useEffect(() => {
+    axios.get(hostname + '/api/event/cat/' + ecats.mtts).then(response => {
+      setEvents(
+        response.data.events.sort((a, b) => {
+          return new Date(b.eventstart) - new Date(a.eventstart);
+        })
+      );
+    });
+  }, []);
+
+  return (
+    <div className={classes.root}>
+      <img
+        src={images.landing.mtts}
+        id="soclanding"
+        alt="Microwave Theory and Technology Society"
+        style={{ width: '100%', maxHeight: '100vh' }}
+      />
+      <Container maxWidth="md">
+        <br />
+        <Paper className={classes.paper}>
+          <Typography variant="h3">Vision</Typography>
+          <br />
+          <Typography variant="body1">
+          To make study of RF and Microwaves accessible, enjoyable, and sustainable while fostering a vibrant community of enthusiasts.
+
+            </Typography>
+        </Paper>
+        <SpacyDivider color="rgb(110 110 193)" />
+        <Paper className={classes.paper}>
+          <Typography variant="h3">Mission</Typography>
+          <br />
+          <Typography variant="body1">
+          Provide comprehensible resources for learning electromagnetics, catering to a diverse audience with varying levels of expertise.
+Foster a culture of excellence in research and publications, emphasizing quality and relevance in advancing the field of RF and Microwaves.
+ Curate a vibrant community where members can exchange ideas, collaborate on projects, gain practical hands-on experience, and find support and inspiration in their shared passion for RF and Microwaves.
+ Collaborate with industry and academia to develop and implement sustainable antenna designs and frontends, promoting efficient energy usage and environmental stewardship.
+          </Typography>
+        </Paper>
+        <SpacyDivider color="rgb(110 110 193)" />
+        {events.length !== 0 && (
+          <>
+            <Paper className={classes.paper}>
+              <Typography variant="h3">Events</Typography>
+              <br />
+              <Grid container spacing={2} justify="center">
+                {events.slice(0, 3).map(item => {
+                  return (
+                    <Grid item xs={12} md={4}>
+                      <EventCard event={item} />
+                    </Grid>
+                  );
+                })}
+              </Grid>
+              <br />
+              {events.length >= 4 && (
+                <Link to={'/events?ecat=' + ecats.mtts} className={classes.link}>
+                  Click here for more events
+                </Link>
+              )}
+            </Paper>
+            <SpacyDivider color="rgb(110 110 193)" />
+          </>
+        )}
+        <Paper className={classes.paper}>
+          <Typography variant="h3">Executive Committee</Typography>
+          <br />
+          <Grid container spacing={2} justify="center">
+            {execom.mtts.map(member => (
+              <Grid item xs={12} md={4}>
+                <Avatar name={member.name} position={member.position} src={member.image} />
+              </Grid>
+            ))}
+          </Grid>
+        </Paper>
+        <AlumniAccordions members={alumni.aess} color="rgb(110 110 193)" />
+        <br />
+      </Container>
+    </div>
+  );
+}