mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-24 00:34:09 +00:00
c972dca61e
## Summary Remove the extra running-workflow indicator from the expanded Queue Progress Overlay header to avoid duplicate running-count signals. ## Changes - Remove `showConcurrentIndicator` and `concurrentWorkflowCount` props from `QueueOverlayHeader`. - Stop passing those props through `QueueOverlayExpanded` and `QueueProgressOverlay`. - Simplify `QueueOverlayHeader` tests to reflect the updated header behavior. ## Why The expanded header was showing redundant running status information alongside existing running/queued summaries. Prevent this: <img width="240" height="92" alt="image" src="https://github.com/user-attachments/assets/f4b1775c-b347-46f7-8668-3a1054365ada" /> Design: https://www.figma.com/design/LVilZgHGk5RwWOkVN6yCEK/Queue-Progress-Modal?node-id=4024-28147&m=dev ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9032-fix-remove-duplicate-running-indicator-from-queue-header-30d6d73d365081d19041de2f1b0c8886) by [Unito](https://www.unito.io) --------- Co-authored-by: Johnpaul Chiwetelu <49923152+Myestery@users.noreply.github.com> Co-authored-by: GitHub Action <action@github.com>
52 lines
1.5 KiB
Vue
52 lines
1.5 KiB
Vue
<template>
|
|
<div
|
|
class="flex h-12 items-center gap-2 border-b border-interface-stroke px-2"
|
|
>
|
|
<div class="min-w-0 flex-1 px-2 text-[14px] font-normal text-text-primary">
|
|
<span>{{ headerTitle }}</span>
|
|
</div>
|
|
<div
|
|
class="inline-flex h-6 items-center gap-2 text-[12px] leading-none text-text-primary"
|
|
>
|
|
<span :class="{ 'opacity-50': queuedCount === 0 }">{{
|
|
t('sideToolbar.queueProgressOverlay.clearQueueTooltip')
|
|
}}</span>
|
|
<Button
|
|
v-tooltip.top="clearAllJobsTooltip"
|
|
variant="destructive"
|
|
size="icon"
|
|
:aria-label="t('sideToolbar.queueProgressOverlay.clearQueued')"
|
|
:disabled="queuedCount === 0"
|
|
@click="$emit('clearQueued')"
|
|
>
|
|
<i class="icon-[lucide--list-x] size-4" />
|
|
</Button>
|
|
</div>
|
|
<JobHistoryActionsMenu @clear-history="$emit('clearHistory')" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import JobHistoryActionsMenu from '@/components/queue/JobHistoryActionsMenu.vue'
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
import { buildTooltipConfig } from '@/composables/useTooltipConfig'
|
|
|
|
defineProps<{
|
|
headerTitle: string
|
|
queuedCount: number
|
|
}>()
|
|
|
|
defineEmits<{
|
|
(e: 'clearHistory'): void
|
|
(e: 'clearQueued'): void
|
|
}>()
|
|
|
|
const { t } = useI18n()
|
|
const clearAllJobsTooltip = computed(() =>
|
|
buildTooltipConfig(t('sideToolbar.queueProgressOverlay.clearAllJobsTooltip'))
|
|
)
|
|
</script>
|