From 0f54e1bc5c9c1ae09a013068669ffc35ef18549c Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Wed, 8 Mar 2023 08:51:55 -0800
Subject: [PATCH] WIP use links for KeywordsPicker

---
 src/components/KeywordsPicker.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index df7269c..d4784d5 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import classNames from "classnames";
 import Checkmark from "@spectrum-icons/workflow/Checkmark";
+import { Link } from "gatsby";
 
 interface KeywordsPickerProps {
   keywords: string[];
@@ -18,7 +19,7 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
           const selected = value === keyword;
           return (
             <li key={keyword}>
-              <button
+              <Link
                 className={classNames(
                   `py-[5px] px-3 rounded-full text-sm`,
                   `text-black border border-gray-400`,
@@ -27,8 +28,8 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
                     : `bg-white
                     hover:bg-black/10`
                 )}
-                onClick={() => (selected ? onChange(null) : onChange(keyword))}
-                type="button"
+                to="?filter=keyword"
+                // onClick={() => (selected ? onChange(null) : onChange(keyword))}
               >
                 {keyword}{" "}
                 {/* {selected && (
@@ -38,7 +39,7 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
                     aria-hidden="true"
                   />
                 )} */}
-              </button>
+              </Link>
             </li>
           );
         })}