Sfoglia il codice sorgente

fix: remove the active state from load more button after press

David Hill 1 mese fa
parent
commit
99110d12c4
1 ha cambiato i file con 8 aggiunte e 2 eliminazioni
  1. 8 2
      packages/app/src/pages/layout.tsx

+ 8 - 2
packages/app/src/pages/layout.tsx

@@ -1160,7 +1160,10 @@ export default function Layout(props: ParentProps) {
                     variant="ghost"
                     class="flex w-full text-left justify-start text-14-regular text-text-weak px-10"
                     size="large"
-                    onClick={loadMore}
+                    onClick={(e: MouseEvent) => {
+                      loadMore()
+                      ;(e.currentTarget as HTMLButtonElement).blur()
+                    }}
                   >
                     Load more
                   </Button>
@@ -1205,7 +1208,10 @@ export default function Layout(props: ParentProps) {
                 variant="ghost"
                 class="flex w-full text-left justify-start text-14-regular text-text-weak px-10"
                 size="large"
-                onClick={loadMore}
+                onClick={(e: MouseEvent) => {
+                  loadMore()
+                  ;(e.currentTarget as HTMLButtonElement).blur()
+                }}
               >
                 Load more
               </Button>