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/TaskViewToggle.tsx (2132B)

'use client'

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

export function TaskViewToggle({ view }: { view: 'list' | 'map' }) {
  const router = useRouter()
  const pathname = usePathname()
  const searchParams = useSearchParams()
  const { locale } = useLocale()

const switchTo = (newView: 'list' | 'map') => {
    const params = new URLSearchParams(searchParams.toString())
    if (newView === 'map') {
      params.set('view', 'map')
    } else {
      params.delete('view')
    }
    params.delete('page')
    router.push(`${pathname}${params.toString() ? '?' + params.toString() : ''}`)
  }

const listLabel = locale === 'ru' ? 'Список' : locale === 'en' ? 'List' : 'Λίστα'
  const mapLabel = locale === 'ru' ? 'Карта' : locale === 'en' ? 'Map' : 'Χάρτης'

return (
    <div className="flex gap-1 bg-white/20 p-1 rounded-xl">
      <button
        onClick={() => switchTo('list')}
        className={`flex items-center gap-1.5 px-4 py-1.5 rounded-lg text-sm font-medium transition ${
          view === 'list' ? 'bg-white text-gray-900 shadow-sm' : 'text-white/80 hover:text-white'
        }`}
      >
        <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
        </svg>
        {listLabel}
      </button>
      <button
        onClick={() => switchTo('map')}
        className={`flex items-center gap-1.5 px-4 py-1.5 rounded-lg text-sm font-medium transition ${
          view === 'map' ? 'bg-white text-gray-900 shadow-sm' : 'text-white/80 hover:text-white'
        }`}
      >
        <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
        </svg>
        {mapLabel}
      </button>
    </div>
  )
}

'use client' import { useRouter, usePathname, useSearchParams } from 'next/navigation' import { useLocale } from '@/context/locale' export function TaskViewToggle({ view }: { view: 'list' | 'map' }) { const router = useRouter() const pathname = usePathname() const searchParams = useSearchParams() const { locale } = useLocale() const switchTo = (newView: 'list' | 'map') => { const params = new URLSearchParams(searchParams.toString()) if (newView === 'map') { params.set('view', 'map') } else { params.delete('view') } params.delete('page') router.push(`${pathname}${params.toString() ? '?' + params.toString() : ''}`) } const listLabel = locale === 'ru' ? 'Список' : locale === 'en' ? 'List' : 'Λίστα' const mapLabel = locale === 'ru' ? 'Карта' : locale === 'en' ? 'Map' : 'Χάρτης' return (

) }