FM / tasks

/opt/canhelp/apps/web/src/app/tasks

Name	Size	Mode	Actions
new/	-	0755	rm
[id]/	-	0755	rm
page.tsx	10124	0644	edit dl rm
TaskFiltersClient.tsx	7644	0644	edit dl rm
TaskFiltersForm.tsx	493	0644	edit dl rm
TaskListClient.tsx	5751	0644	edit dl rm
TaskMapClient.tsx	9240	0644	edit dl rm
TaskMapDynamic.tsx	658	0644	edit dl rm
TaskModeToggle.tsx	1589	0644	edit dl rm
TasksAuthGuard.tsx	65	0644	edit dl rm
TaskViewToggle.tsx	2132	0644	edit dl rm

Edit: /opt/canhelp/apps/web/src/app/tasks/TaskModeToggle.tsx (1589B)

'use client'

import { useRouter, usePathname, useSearchParams } from 'next/navigation'
import { useLocale } from '@/context/locale'

export function TaskModeToggle({ mode }: { mode: 'all' | 'for_me' }) {
  const router = useRouter()
  const pathname = usePathname()
  const searchParams = useSearchParams()
  const { locale } = useLocale()

const switchTo = (newMode: 'all' | 'for_me') => {
    const params = new URLSearchParams(searchParams.toString())
    if (newMode === 'for_me') {
      params.set('mode', 'for_me')
    } else {
      params.delete('mode')
    }
    params.delete('page')
    router.push(`${pathname}${params.toString() ? '?' + params.toString() : ''}`)
  }

const forMeLabel = locale === 'ru' ? 'Для меня' : locale === 'en' ? 'For me' : 'Για μένα'
  const allLabel = locale === 'ru' ? 'Все заказы' : locale === 'en' ? 'All tasks' : 'Όλες οι εργασίες'

return (
    <div className="flex gap-1 bg-white/20 p-1 rounded-xl w-fit mb-6">
      <button
        onClick={() => switchTo('for_me')}
        className={`px-5 py-2 rounded-lg text-sm font-medium transition ${
          mode === 'for_me' ? 'bg-white text-green-600 shadow-sm' : 'text-white/80 hover:text-white'
        }`}
      >
        {forMeLabel}
      </button>
      <button
        onClick={() => switchTo('all')}
        className={`px-5 py-2 rounded-lg text-sm font-medium transition ${
          mode === 'all' ? 'bg-white text-green-600 shadow-sm' : 'text-white/80 hover:text-white'
        }`}
      >
        {allLabel}
      </button>
    </div>
  )
}

'use client' import { useRouter, usePathname, useSearchParams } from 'next/navigation' import { useLocale } from '@/context/locale' export function TaskModeToggle({ mode }: { mode: 'all' | 'for_me' }) { const router = useRouter() const pathname = usePathname() const searchParams = useSearchParams() const { locale } = useLocale() const switchTo = (newMode: 'all' | 'for_me') => { const params = new URLSearchParams(searchParams.toString()) if (newMode === 'for_me') { params.set('mode', 'for_me') } else { params.delete('mode') } params.delete('page') router.push(`${pathname}${params.toString() ? '?' + params.toString() : ''}`) } const forMeLabel = locale === 'ru' ? 'Для меня' : locale === 'en' ? 'For me' : 'Για μένα' const allLabel = locale === 'ru' ? 'Все заказы' : locale === 'en' ? 'All tasks' : 'Όλες οι εργασίες' return (

) }