mirror of
https://github.com/sergeyyarkov/blog-example.git
synced 2026-10-11 18:29:02 +03:00
27 lines
750 B
JavaScript
27 lines
750 B
JavaScript
import { useRouter } from "next/router";
|
|
import Articles from "../../components/articles";
|
|
import Query from "../../components/query";
|
|
import CATEGORY_ARTICLES_QUERY from "../../apollo/queries/category/articles";
|
|
|
|
const Category = () => {
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<Query query={CATEGORY_ARTICLES_QUERY} id={router.query.id}>
|
|
{({ data: { category } }) => {
|
|
return (
|
|
<div>
|
|
<div className="uk-section">
|
|
<div className="uk-container uk-container-large">
|
|
<h1>{category.name}</h1>
|
|
<Articles articles={category.articles} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}}
|
|
</Query>
|
|
);
|
|
};
|
|
|
|
export default Category |