{"version":3,"file":"BlogList-CwBgqMpS.js","sources":["../../../src/components/pages/blog/BlogList.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport BlogCard from './BlogCard';\nimport Sections from '../../layout/Sections';\nimport useArticles from '../../../hooks/useArticles';\nimport { useRoute } from 'react-router5';\nimport Button from '../../Button';\nimport { explicitArticleOrder } from '../../../util.ts';\n\ninterface BlogListProps {\n ids?: number[],\n explicitOrder?: boolean,\n observer?: IntersectionObserver,\n}\n\nexport default function BlogList({ ids, explicitOrder = false }: BlogListProps): ReactElement {\n const { route } = useRoute();\n let articles = useArticles(ids);\n\n if (explicitOrder && ids) {\n articles = explicitArticleOrder(articles, ids);\n }\n\n let limit = 100;\n if (route.name === 'blog') {\n limit = parseInt(route.params.limit, 10) || 20;\n }\n\n const renderSearchResults = () => {\n if (route?.params?.search) {\n if(articles.length === 0) {\n return
No search results for {route.params.search}
\n } \n returnSearch results for {route.params.search}
\n }\n if (articles.length === 0) {\n returnNo articles found…
\n }\n return <>>\n }\n\n return (\n