UI tweak

pages/cart/publishers/index.tsx

@@ -109,20 +109,20 @@ function PublishersPage({ publishers = [] }: IProps) {
     if (shownPubs.length === 0) {
       return (
         <div className="flex justify-center">
-          <a
-            className="btn"
-            href="javascript:void(0);"
+          <button
+            className="px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
             onClick={() => {
-              setFilter("");
-              handleFilterChange({ target: { value: "" } });
+              setFilter("");  // Assuming setFilter directly updates the filter state
+              if (typeof handleFilterChange === 'function') {
+                handleFilterChange({ target: { value: "" } }); // If needed for additional logic
+              }
             }}
           >
             Clear filters
-          </a>
+          </button>
         </div>
       );
-    }
-    else {
+    } else {
       return shownPubs.map((publisher) => (
         <PublisherCard key={publisher.id} publisher={publisher} />
       ));