legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add PlusIcon to category creation button and set readOnly for specific fields in form

Browse Source
This commit is contained in:
Ardeman 2025-03-14 13:28:15 +08:00
parent bfa46cdca4
commit 5c20cc48ab
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/pages/dashboard-categories/index.tsx
View File

@ -1,4 +1,8 @@
import { PencilSquareIcon, TrashIcon } from '@heroicons/react/20/solid'
import {
PencilSquareIcon,
PlusIcon,
TrashIcon,
} from '@heroicons/react/20/solid'
import DT, { type Config, type ConfigColumns } from 'datatables.net-dt'
import DataTable, { type DataTableSlots } from 'datatables.net-react'
import { useState } from 'react'
@ -102,7 +106,7 @@ export const CategoriesPage = () => {
size="lg"
className="text-md h-[42px] px-4"
>
Buat Kategori
<PlusIcon className="h-8 w-8" /> Buat Kategori
</Button>
</div>

4
app/pages/form-category/index.tsx
View File

@ -35,7 +35,7 @@ export const FormCategoryPage = (properties: TProperties) => {
id: categoryData?.id || undefined,
code: categoryData?.code || '',
name: categoryData?.name || '',
sequence: categoryData?.sequence || undefined,
sequence: categoryData?.sequence ?? undefined,
description: categoryData?.description || '',
},
})
@ -84,6 +84,7 @@ export const FormCategoryPage = (properties: TProperties) => {
className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100"
labelClassName="text-sm font-medium text-[#363636]"
containerClassName="flex-1"
readOnly={categoryData?.code === 'spotlight'}
/>
<Input
id="code"
@ -115,6 +116,7 @@ export const FormCategoryPage = (properties: TProperties) => {
className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100"
labelClassName="text-sm font-medium text-[#363636]"
containerClassName="w-44"
readOnly={categoryData?.code === 'spotlight'}
/>
<Input
id="description"