renamed ArticleCards.tsx to ArticleCardsGrid.tsx
This commit is contained in:
@@ -8,7 +8,7 @@ import ArticleCardSize4 from "../ArticleCards/ArticleCardSize4";
|
|||||||
import ArticleCardSize2 from "../ArticleCards/ArticleCardSize2";
|
import ArticleCardSize2 from "../ArticleCards/ArticleCardSize2";
|
||||||
|
|
||||||
|
|
||||||
export default function ArticleCards({
|
export default function ArticleCardsGrid({
|
||||||
articles,
|
articles,
|
||||||
onSelectArticle,
|
onSelectArticle,
|
||||||
}: {
|
}: {
|
||||||
@@ -10,7 +10,7 @@ import SearchRoundedIcon from '@mui/icons-material/SearchRounded';
|
|||||||
import RssFeedRoundedIcon from '@mui/icons-material/RssFeedRounded';
|
import RssFeedRoundedIcon from '@mui/icons-material/RssFeedRounded';
|
||||||
|
|
||||||
import { ArticleModel } from "../types/models";
|
import { ArticleModel } from "../types/models";
|
||||||
import ArticleCards from "./ArticleCards/ArticleCards";
|
import ArticleCardsGrid from "./ArticleCards/ArticleCardsGrid";
|
||||||
|
|
||||||
export function Search() {
|
export function Search() {
|
||||||
return (
|
return (
|
||||||
@@ -53,7 +53,7 @@ export default function MainContent({
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (activeTag === tag) {
|
if (activeTag === tag) {
|
||||||
// 🟡 Toggle off current tag → reset to all
|
// 🟡 Toggle off the current tag → reset to all
|
||||||
setVisibleArticles(articles);
|
setVisibleArticles(articles);
|
||||||
setActiveTag('all');
|
setActiveTag('all');
|
||||||
return;
|
return;
|
||||||
@@ -184,7 +184,7 @@ export default function MainContent({
|
|||||||
</IconButton>
|
</IconButton>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
<ArticleCards
|
<ArticleCardsGrid
|
||||||
articles={visibleArticles}
|
articles={visibleArticles}
|
||||||
onSelectArticle={onSelectArticle}
|
onSelectArticle={onSelectArticle}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user