apps/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2025-11-12 04:51:46 +05:30
parent 74cae4e4ea
commit fc39d832c1
1 changed files with 62 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/blog/components/ArticleCards/ArticleCardsGrid.tsx
View File

@@ -29,68 +29,68 @@ export default function ArticleCardsGrid({
return ( return (
<Grid container spacing={2} columns={12}> <Grid container spacing={2} columns={12}>
<Grid size={{ xs: 12, md: 6 }}> <Grid size={{ xs: 12, md: 6 }}>
<ArticleCardSize6 <ArticleCardSize6
article={articles[0]} article={articles[0]}
index={0} index={0}
focusedCardIndex={focusedCardIndex} focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle} onSelectArticle={onSelectArticle}
onFocus={handleFocus} onFocus={handleFocus}
onBlur={handleBlur} onBlur={handleBlur}
/> />
</Grid>
<Grid size={{ xs: 12, md: 6 }}>
<ArticleCardSize6
article={articles[1]}
index={1}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Grid>
<Grid size={{ xs: 12, md: 4 }}>
<ArticleCardSize4
article={articles[2]}
index={2}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Grid>
<Grid size={{ xs: 12, md: 4 }}>
<Box
sx={{ display: 'flex', flexDirection: 'column', gap: 2, height: '100%' }}
>
<ArticleCardSize2
article={articles[3]}
index={3}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
<ArticleCardSize2
article={articles[4]}
index={4}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Box>
</Grid>
<Grid size={{ xs: 12, md: 4 }}>
<ArticleCardSize4
article={articles[5]}
index={5}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Grid>
</Grid> </Grid>
<Grid size={{ xs: 12, md: 6 }}>
<ArticleCardSize6
article={articles[1]}
index={1}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Grid>
<Grid size={{ xs: 12, md: 4 }}>
<ArticleCardSize4
article={articles[2]}
index={2}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Grid>
<Grid size={{ xs: 12, md: 4 }}>
<Box
sx={{ display: 'flex', flexDirection: 'column', gap: 2, height: '100%' }}
>
<ArticleCardSize2
article={articles[3]}
index={3}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
<ArticleCardSize2
article={articles[4]}
index={4}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Box>
</Grid>
<Grid size={{ xs: 12, md: 4 }}>
<ArticleCardSize4
article={articles[5]}
index={5}
focusedCardIndex={focusedCardIndex}
onSelectArticle={onSelectArticle}
onFocus={handleFocus}
onBlur={handleBlur}
/>
</Grid>
</Grid>
); );
} }