feat: implement ConfigurationFieldsColumn component with search, reordering, and field management actions
This commit is contained in:
@@ -3,7 +3,7 @@ import { useState } from 'react';
|
|||||||
import {
|
import {
|
||||||
PlusIcon,
|
PlusIcon,
|
||||||
MagnifyingGlassIcon,
|
MagnifyingGlassIcon,
|
||||||
PencilSimpleIcon,
|
PencilSimpleLineIcon,
|
||||||
TrashIcon,
|
TrashIcon,
|
||||||
DotsSixVerticalIcon,
|
DotsSixVerticalIcon,
|
||||||
} from '@phosphor-icons/react';
|
} from '@phosphor-icons/react';
|
||||||
@@ -171,8 +171,8 @@ export function ConfigurationFieldsColumn({
|
|||||||
{/* Active Badge */}
|
{/* Active Badge */}
|
||||||
<span
|
<span
|
||||||
className={`text-[12px] font-medium px-3 py-1 rounded-full ${f.isActive !== false
|
className={`text-[12px] font-medium px-3 py-1 rounded-full ${f.isActive !== false
|
||||||
? 'bg-[#E6F7ED] text-[#1E7D5C]'
|
? 'bg-[#E6F7ED] text-[#1E7D5C]'
|
||||||
: 'bg-slate-100 text-slate-500'
|
: 'bg-slate-100 text-slate-500'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{f.isActive !== false ? 'Active' : 'Inactive'}
|
{f.isActive !== false ? 'Active' : 'Inactive'}
|
||||||
@@ -188,7 +188,7 @@ export function ConfigurationFieldsColumn({
|
|||||||
title="Edit Field"
|
title="Edit Field"
|
||||||
className="p-1 text-slate-800 hover:text-[#1E7D5C] transition-colors cursor-pointer"
|
className="p-1 text-slate-800 hover:text-[#1E7D5C] transition-colors cursor-pointer"
|
||||||
>
|
>
|
||||||
<PencilSimpleIcon size={18} weight="bold" />
|
<PencilSimpleLineIcon size={18} weight="bold" />
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
|||||||
Reference in New Issue
Block a user