From a3f96ac6c1a38c4d172a82954aa2cc77279c77cc Mon Sep 17 00:00:00 2001 From: Olaleye Blessing Date: Fri, 10 Jun 2022 14:23:55 +0100 Subject: [PATCH] feat: improve display of clear filters button (#818) --- pages/blog/index.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/pages/blog/index.js b/pages/blog/index.js index 52888dff916c..eaa963c099fe 100644 --- a/pages/blog/index.js +++ b/pages/blog/index.js @@ -1,5 +1,6 @@ import { useContext, useState } from "react"; import Link from "next/link"; +import { useRouter } from "next/router"; import NavBar from "../../components/navigation/NavBar"; import Container from "../../components/layout/Container"; import BlogContext from "../../context/BlogContext"; @@ -15,6 +16,7 @@ import Paragraph from "../../components/typography/Paragraph"; import TextLink from "../../components/typography/TextLink"; export default function BlogIndexPage() { + const router = useRouter(); const { navItems } = useContext(BlogContext); const [posts, setPosts] = useState( navItems.sort((i1, i2) => { @@ -40,6 +42,7 @@ export default function BlogIndexPage() { name: "tags", }, ]; + const showClearFilters = Object.keys(router.query).length > 0; return (
@@ -90,9 +93,11 @@ export default function BlogIndexPage() { className="w-full mx-px md:mt-0 md:w-1/5 md: md:text-sm" checks={toFilter} /> - - Clear filters - + {showClearFilters && ( + + Clear filters + + )}
{!Object.keys(posts).length ? (