CyberBloom/OgeetoCaseCyberGarden
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.zetcraft.ru/cevka/OgeetoCaseCyberGarden

Browse Source
This commit is contained in:
Demi-Play
2023-12-22 21:18:08 +03:00
parent 43fe5e361e 0d76b054f1
commit fdd898a3d9
6 changed files with 179 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/Components/TableMeets/TableMeets.jsx
View File

@@ -3,6 +3,8 @@ import styles from './style.module.scss';
import logo from '../../img/homePage/downArrow.png';
import { Container, Grid, Button, Typography } from '@mui/material';
import { column } from 'stylis';
import arrow from '../../img/homePage/downArrow.png';
const TableMeets = ({ events }) => {
const [isOpenMap, setIsOpenMap] = useState({});
@@ -17,30 +19,39 @@ const TableMeets = ({ events }) => {
return (
<Container className={styles.meeting__container}>
<Grid sx={{display: 'flex', flexDirection: 'column'}} container className={styles.meeting__cards}>
{events.map((event) => (
<Grid item key={event.id}>
<Container className={styles.meeting__card}>
<Typography className={styles.date}>{event.date}</Typography>
<Typography className={styles.time}>{event.time}</Typography>
<Typography className={styles.title}>{event.title}</Typography>
<Button className={styles.meeting__button} onClick={() => toggleDropdown(event.id)}>
<img src={logo} alt="Logo" />
</Button>
{isOpenMap[event.id] && (
<Container>
<Typography>{event.speaker}</Typography>
<img src={event.avatar} alt={event.speaker} />
<Typography>{event.description}</Typography>
</Container>
)}
</Container>
</Grid>
))}
</Grid>
</Container>
// <Container className={styles.meeting__container}>
// <Grid sx={{display: 'flex', flexDirection: 'column'}} container className={styles.meeting__cards}>
// {events.map((event) => (
// <Grid item key={event.id}>
// <Container className={styles.meeting__card}>
// <Typography className={styles.date}>{event.date}</Typography>
// <Typography className={styles.time}>{event.time}</Typography>
// <Typography className={styles.title}>{event.title}</Typography>
// <Button className={styles.meeting__button} onClick={() => toggleDropdown(event.id)}>
// <img src={logo} alt="Logo" />
// </Button>
// <li key={event.id}>
// <div className={styles.meeting__card}>
// <span className={styles.date}>{event.date}</span>
// <span className={styles.time}>{event.time}</span>
// <span className={styles.title}>{event.title}</span>
// <div className={styles.meeting__button} onClick={() => toggleDropdown(event.id)}><img className={styles.meeting__arrow} src={arrow} ></img></div>
// {isOpenMap[event.id] && (
// <Container>
// <Typography>{event.speaker}</Typography>
// <img src={event.avatar} alt={event.speaker} />
// <Typography>{event.description}</Typography>
// </Container>
// )}
// </Container>
// </Grid>
// ))}
// </Grid>
// </Container>
<></>
);
};