docs(website): Add a "clearAll" button to site showcase (#9233)

facebook · Aug 16, 2023 · 9da986e · 9da986e
1 parent a59aead
commit 9da986e
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/website/src/pages/showcase/_components/ShowcaseFilterToggle/index.tsx b/website/src/pages/showcase/_components/ShowcaseFilterToggle/index.tsx
@@ -44,8 +44,16 @@ export default function ShowcaseFilterToggle(): JSX.Element {
     });
   }, [operator, location, history]);
 
+  const ClearTag = () => {
+    history.push({
+      ...location,
+      search: '',
+      state: prepareUserState(),
+    });
+  };
+
   return (
-    <div>
+    <div className="row" style={{alignItems: 'center'}}>
       <input
         type="checkbox"
         id={id}
@@ -65,6 +73,13 @@ export default function ShowcaseFilterToggle(): JSX.Element {
         <span className={styles.checkboxLabelAnd}>AND</span>
         {/* eslint-enable @docusaurus/no-untranslated-text */}
       </label>
+
+      <button
+        className="button button--outline button--primary"
+        type="button"
+        onClick={() => ClearTag()}>
+        Clear All
+      </button>
     </div>
   );
 }