Просмотр исходного кода

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

David Hill 1 месяц назад
Родитель
Сommit
99110d12c4
1 измененных файлов с 8 добавлено и 2 удалено
  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"
                     variant="ghost"
                     class="flex w-full text-left justify-start text-14-regular text-text-weak px-10"
                     class="flex w-full text-left justify-start text-14-regular text-text-weak px-10"
                     size="large"
                     size="large"
-                    onClick={loadMore}
+                    onClick={(e: MouseEvent) => {
+                      loadMore()
+                      ;(e.currentTarget as HTMLButtonElement).blur()
+                    }}
                   >
                   >
                     Load more
                     Load more
                   </Button>
                   </Button>
@@ -1205,7 +1208,10 @@ export default function Layout(props: ParentProps) {
                 variant="ghost"
                 variant="ghost"
                 class="flex w-full text-left justify-start text-14-regular text-text-weak px-10"
                 class="flex w-full text-left justify-start text-14-regular text-text-weak px-10"
                 size="large"
                 size="large"
-                onClick={loadMore}
+                onClick={(e: MouseEvent) => {
+                  loadMore()
+                  ;(e.currentTarget as HTMLButtonElement).blur()
+                }}
               >
               >
                 Load more
                 Load more
               </Button>
               </Button>