From 8146ce135952c08d0b66147b3d324e712c928890 Mon Sep 17 00:00:00 2001
From: uche789 <3889297+uche789@users.noreply.github.com>
Date: Fri, 8 Nov 2024 16:19:58 +0100
Subject: [PATCH] fixes

---
 src/features/grammar/components/GrammarType.tsx | 6 ++++--
 src/pages/GrammarPage.tsx                       | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/features/grammar/components/GrammarType.tsx b/src/features/grammar/components/GrammarType.tsx
index 1563b2c1..e06c7b6b 100644
--- a/src/features/grammar/components/GrammarType.tsx
+++ b/src/features/grammar/components/GrammarType.tsx
@@ -2,10 +2,11 @@ import categories from "@/lib/categories";
 import { ReactNode } from "react";
 import { useSearchParams } from "react-router-dom";
 
-interface GrammarTypesProps { 
+interface GrammarTypesProps {
+  disabled?: boolean
 }
 
-export default function GrammarType() {
+export default function GrammarType({ disabled = false }: GrammarTypesProps) {
   const [searchParams, setSearchParams] = useSearchParams();
   
   const getClassName = (key: string) => {
@@ -33,6 +34,7 @@ export default function GrammarType() {
         className={getClassName(key)}
         key={key}
         onClick={() => onClick(key)}
+        disabled={disabled}
       >{key}</button>
     )}
   </div>
diff --git a/src/pages/GrammarPage.tsx b/src/pages/GrammarPage.tsx
index 7951a428..fdeb80d2 100644
--- a/src/pages/GrammarPage.tsx
+++ b/src/pages/GrammarPage.tsx
@@ -29,7 +29,7 @@ export default function Practice() {
   if (isLoading) return <Loading />
   if (error) return <ErrorText text="grammar list" />
 
-  if (!data?.length) return <div className="mt-8 text-center">Your grammar list is empty.</div>
+  if (!searchParams.has('grammarType') && !data?.length) return <div className="mt-8 text-center">Your grammar list is empty.</div>
 
   return <article>
     <div className="mb-8">