From 5dec86861bbcd48d015e0a50e34ab2782b899459 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Sat, 24 Aug 2024 17:54:03 -0400
Subject: [PATCH] Replace ToggleButton with Button to be consistent in style
 (#620)

---
 .../sidebar/tabs/NodeLibrarySidebarTab.vue     | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue b/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
index 380960207..edc48982b 100644
--- a/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
+++ b/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
@@ -1,17 +1,13 @@
 <template>
   <SidebarTabTemplate :title="$t('sideToolbar.nodeLibrary')">
     <template #tool-buttons>
-      <ToggleButton
-        v-model:model-value="alphabeticalSort"
-        on-icon="pi pi-sort-alpha-down"
-        off-icon="pi pi-sort-alt"
-        aria-label="Sort"
-        :pt="{
-          label: { style: { display: 'none' } }
-        }"
+      <Button
+        :icon="alphabeticalSort ? 'pi pi-sort-alpha-down' : 'pi pi-sort-alt'"
+        text
+        severity="secondary"
+        @click="alphabeticalSort = !alphabeticalSort"
         v-tooltip="$t('sideToolbar.nodeLibraryTab.sortOrder')"
-      >
-      </ToggleButton>
+      />
     </template>
     <template #body>
       <SearchBox
@@ -79,7 +75,7 @@
 
 <script setup lang="ts">
 import Badge from 'primevue/badge'
-import ToggleButton from 'primevue/togglebutton'
+import Button from 'primevue/button'
 import {
   buildNodeDefTree,
   ComfyNodeDefImpl,