/home/smartbloks/.trash/extendify/src/Assist/components/TaskBadge.js
import { useTasks } from '@assist/hooks/useTasks'
import { useTasksStore } from '@assist/state/Tasks'

export const TaskBadge = (props) => {
    const { isCompleted } = useTasksStore()
    const { tasks } = useTasks()
    const { themeSlug, launchCompleted } = window.extAssistData
    if (themeSlug !== 'extendable' || !launchCompleted) return null
    const taskCount =
        tasks?.filter(({ slug }) => !isCompleted(slug)).length ?? 0
    if (taskCount === 0) return null
    return (
        <span className="awaiting-mod" {...props}>
            {taskCount > 9 ? '9' : taskCount}
        </span>
    )
}