tududi/frontend/components/Task/getTitleAndIcon.ts

import { Project } from '../../entities/Project';
import {
    FolderIcon,
    CalendarIcon,
    InboxIcon,
    ArrowRightIcon,
    ClockIcon,
    MoonIcon,
    CheckCircleIcon,
    Bars4Icon,
} from '@heroicons/react/24/outline';

export const getTitleAndIcon = (
    query: URLSearchParams,
    projects: Project[],
    t: (key: string, options?: any) => string,
    pathname?: string
) => {
    try {
        // Default titles as fallbacks in case translation function fails
        const defaultTitles = {
            project: 'Project',
            today: 'Today',
            inbox: 'Inbox',
            next: 'Next Actions',
            upcoming: 'Upcoming',
            someday: 'Someday',
            completed: 'Completed',
            allTasks: 'All Tasks',
        };
        const projectId = query.get('project_id');
        if (projectId) {
            const project = projects.find(
                (p) => p.id?.toString() === projectId
            );
            return {
                title: project ? project.name : t('sidebar.projects'),
                icon: FolderIcon,
            };
        }

        try {
            // Check pathname-based routes first
            if (pathname === '/upcoming') {
                return { title: t('sidebar.upcoming'), icon: ClockIcon };
            }

            if (query.get('type') === 'today') {
                return { title: t('tasks.today'), icon: CalendarIcon };
            }
            if (query.get('type') === 'inbox') {
                return { title: t('sidebar.inbox'), icon: InboxIcon };
            }
            if (query.get('type') === 'next') {
                return {
                    title: t('sidebar.nextActions'),
                    icon: ArrowRightIcon,
                };
            }
            if (query.get('type') === 'upcoming') {
                return { title: t('sidebar.upcoming'), icon: ClockIcon };
            }
            if (query.get('type') === 'someday') {
                return {
                    title: t('taskViews.someday') || defaultTitles.someday,
                    icon: MoonIcon,
                };
            }
            if (query.get('status') === 'done') {
                return { title: t('sidebar.completed'), icon: CheckCircleIcon };
            }
            return { title: t('sidebar.allTasks'), icon: Bars4Icon };
        } catch (e) {
            console.error('Translation error for task view title:', e);

            // Return appropriate fallback based on type or status
            if (query.get('type') === 'today')
                return { title: defaultTitles.today, icon: CalendarIcon };
            if (query.get('type') === 'inbox')
                return { title: defaultTitles.inbox, icon: InboxIcon };
            if (query.get('type') === 'next')
                return { title: defaultTitles.next, icon: ArrowRightIcon };
            if (query.get('type') === 'upcoming')
                return { title: defaultTitles.upcoming, icon: ClockIcon };
            if (query.get('type') === 'someday')
                return { title: defaultTitles.someday, icon: MoonIcon };
            if (query.get('status') === 'done')
                return {
                    title: defaultTitles.completed,
                    icon: CheckCircleIcon,
                };
            return { title: defaultTitles.allTasks, icon: Bars4Icon };
        }
    } catch (error) {
        console.error('Error in getTitleAndIcon:', error);
        return { title: 'Tasks', icon: Bars4Icon };
    }
};