All files / app/src/entities/task/ui/task-status task-status.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
1x
 
 
 
 
 
 
 
 
 
1x
1x
 
1x
1x
1x
1x
1x
 
1x
1x
 
import { FC } from 'react'
import cn from 'classnames'
 
import { useTranslate } from '@/shared/lib'
import { TaskStatusEnum } from '@/entities/task'
 
export interface TaskStatusProps {
  status: TaskStatusEnum
}
 
export const TaskStatus: FC<TaskStatusProps> = ({ status }) => {
  const { t } = useTranslate(['accounting-object'])
 
  const taskStatus = {
    [TaskStatusEnum.NEW]: 'bg-purple-secondary text-purple',
    [TaskStatusEnum.IN_WORK]: 'bg-green-secondary text-green-unit',
    [TaskStatusEnum.COMPLETED]: 'bg-gray-tertiary text-text-secondary',
  }
 
  return <div className={cn('rounded-base py-1 px-2 text-min-semibold w-fit', taskStatus[status])}>{t(status)}</div>
}