mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-20 13:32:00 +00:00
feat: add edit button
This commit is contained in:
+36
-10
@@ -1,7 +1,7 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { Eye, CheckCircle, XCircle, Search, Trash2 } from 'lucide-react';
|
import { Eye, CheckCircle, XCircle, Search, Trash2, Edit } from 'lucide-react';
|
||||||
import { Card, CardContent } from '@/figma-make/components/base/card';
|
import { Card, CardContent } from '@/figma-make/components/base/card';
|
||||||
import { Button } from '@/figma-make/components/base/button';
|
import { Button } from '@/figma-make/components/base/button';
|
||||||
import { Badge } from '@/figma-make/components/base/badge';
|
import { Badge } from '@/figma-make/components/base/badge';
|
||||||
@@ -121,6 +121,16 @@ export function ListDailyChecklistContent() {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleEdit = (item: DailyChecklist) => {
|
||||||
|
const formattedDate = new Date(item.date).toISOString().split('T')[0];
|
||||||
|
const kandangId = item.kandang.id;
|
||||||
|
const category = item.category;
|
||||||
|
|
||||||
|
router.push(
|
||||||
|
`/daily-checklist/daily-checklist?date=${formattedDate}&kandang_id=${kandangId}&category=${category}`
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
const handleApprove = (item: DailyChecklist) => {
|
const handleApprove = (item: DailyChecklist) => {
|
||||||
setSelectedItem(item);
|
setSelectedItem(item);
|
||||||
setShowApproveModal(true);
|
setShowApproveModal(true);
|
||||||
@@ -377,6 +387,19 @@ export function ListDailyChecklistContent() {
|
|||||||
<Eye className='w-4 h-4 mr-1' />
|
<Eye className='w-4 h-4 mr-1' />
|
||||||
Detail
|
Detail
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
{row.original.status === 'DRAFT' && (
|
||||||
|
<Button
|
||||||
|
size='sm'
|
||||||
|
variant='outline'
|
||||||
|
onClick={() => handleEdit(row.original)}
|
||||||
|
className='border-gray-200 text-gray-700 hover:bg-gray-50'
|
||||||
|
>
|
||||||
|
<Edit className='w-4 h-4 mr-1' />
|
||||||
|
Edit
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
|
||||||
{row.original.status === 'SUBMITTED' && (
|
{row.original.status === 'SUBMITTED' && (
|
||||||
<>
|
<>
|
||||||
<Button
|
<Button
|
||||||
@@ -398,15 +421,18 @@ export function ListDailyChecklistContent() {
|
|||||||
</Button>
|
</Button>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
<Button
|
|
||||||
size='sm'
|
{row.original.status === 'DRAFT' && (
|
||||||
variant='destructive'
|
<Button
|
||||||
onClick={() => handleDelete(row.original)}
|
size='sm'
|
||||||
className='bg-red-600 hover:bg-red-700 text-white'
|
variant='destructive'
|
||||||
>
|
onClick={() => handleDelete(row.original)}
|
||||||
<Trash2 className='w-4 h-4 mr-1' />
|
className='bg-red-600 hover:bg-red-700 text-white'
|
||||||
Hapus
|
>
|
||||||
</Button>
|
<Trash2 className='w-4 h-4 mr-1' />
|
||||||
|
Hapus
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user