add hasFilterButton prop to only show button when there is a filter

ahmedhamidawan · May 2, 2024 · b2f963e · b2f963e
1 parent cd121b5
commit b2f963e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/client/src/components/Panels/Common/ToolSection.vue b/client/src/components/Panels/Common/ToolSection.vue
@@ -34,6 +34,7 @@ interface Props {
     sectionName?: string;
     expanded?: boolean;
     sortItems?: boolean;
+    hasFilterButton?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -46,6 +47,7 @@ const props = withDefaults(defineProps<Props>(), {
     sectionName: "default",
     expanded: false,
     sortItems: true,
+    hasFilterButton: false,
 });
 
 const { config, isConfigLoaded } = useConfig();
@@ -170,7 +172,7 @@ function toggleMenu(nextState = !opened.value) {
                     <ToolPanelLinks :links="links" />
                 </div>
                 <button
-                    v-if="isSection && toolStore.currentPanelView === 'default'"
+                    v-if="isSection && props.hasFilterButton"
                     v-b-tooltip.hover.noninteractive.bottom
                     title="Show full section"
                     class="inline-icon-button"

diff --git a/client/src/components/Panels/ToolBox.vue b/client/src/components/Panels/ToolBox.vue
@@ -72,7 +72,7 @@ const query = computed({
     },
 });
 
-const { currentPanel } = storeToRefs(toolStore);
+const { currentPanel, currentPanelView } = storeToRefs(toolStore);
 const hasResults = computed(() => results.value.length > 0);
 const queryTooShort = computed(() => query.value && query.value.length < 3);
 const queryFinished = computed(() => query.value && queryPending.value != true);
@@ -304,6 +304,7 @@ function onToggle() {
                             v-if="panel"
                             :category="panel || {}"
                             :query-filter="queryFilter || undefined"
+                            :has-filter-button="!!query && currentPanelView === 'default'"
                             @onClick="onToolClick"
                             @onFilter="onSectionFilter" />
                     </div>