moving files into requires structure

labs/lab7/src/components/BuildCard.tsx

@@ -1,53 +0,0 @@
-import Card from '@mui/material/Card';
-import CardActions from '@mui/material/CardActions';
-import CardContent from '@mui/material/CardContent';
-import CardMedia from '@mui/material/CardMedia';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-interface ComponentProps {
-    building: {
-        img: string, 
-        title: string, 
-        description: string[]
-    },
-    cardNum: number;
-  }
-
-
-  const StyledTypography = styled(Typography)(({ theme }) => ({
-    color: theme.palette.text.secondary,
-    textAlign: 'justify',
-    marginBottom: '1em',
-  }));
-
-
-function BuildCard({ building,cardNum} : ComponentProps) {
-    return (
-      <Card  style={cardNum%2==0?{'flexDirection':'row-reverse'}:{}}sx={{  display: 'flex' }} >
-        <CardMedia
-            component="img"
-            alt={ building.title }
-            image={ building.img }
-        />
-        <Box>
-          <CardContent>
-            <Typography gutterBottom variant="h5" >
-              { building.title }
-            </Typography>
-            { building.description.map((item, ind) => (
-              <StyledTypography key={ind} variant="body2">    
-                { item }
-              </StyledTypography>
-            ))}
-          </CardContent>
-          <CardActions sx={{ justifyContent: cardNum%2!=0?'end':"start"}} >
-            <Button size="small">Подробнее</Button>
-          </CardActions>
-        </Box>
-      </Card>
-    )
-}
-
-export default BuildCard;

labs/lab7/src/components/Content.tsx

@@ -1,21 +0,0 @@
-import Container from '@mui/material/Container';
-import Grid from '@mui/material/Grid';
-import structures from "../data";
-import BuildCard from "./BuildCard"
-const cardData = [structures[3], structures[6], structures[9], structures[7]]
-
-function Content() {
-  return (
-    <Container maxWidth="xl">
-      <Grid container spacing={{ xs: 3, md: 6 }}>
-        {cardData.map((item, index) => (
-          <Grid key={index} size={{ xs: 12, md: 6 }} >
-            <BuildCard building={ item } cardNum={index} />
-          </Grid>
-        ))}
-      </Grid>
-    </Container>
-  );
-}
-
-export default Content;

labs/lab7/src/components/Gallery.tsx

@@ -1,41 +0,0 @@
-import ImageList from '@mui/material/ImageList';
-import ImageListItem from '@mui/material/ImageListItem';
-import structures from "../data";
-import Box from '@mui/material/Box';
-import Container from '@mui/material/Container';
-import ImageListItemBar from '@mui/material/ImageListItemBar';
-const imgData = structures.slice(0, -1);
-
-function Gallery() {
-  return (
-    <Container maxWidth="lg">
-      <Box sx={{ width: 800, height: 585, overflowY: 'scroll', m: '20px auto' }}>
-        <ImageList
-          variant="masonry"
-          sx={{
-            columnCount: {
-              xs: '1 !important',
-              sm: '2 !important',
-              md: '3 !important',
-              lg: '4 !important',
-            },
-          }}
-          gap={8}>
-          {imgData.map((item) => (
-            <ImageListItem key={item.img}>
-              <img
-                srcSet={item.img}
-                src={item.img}
-                alt={item.title}
-                loading="lazy"
-              />
-              <ImageListItemBar position="bottom" title={ item.title } />
-            </ImageListItem>
-          ))}
-        </ImageList>
-      </Box>
-    </Container>
-  );
-}
-
-export default Gallery;