feat: implement ConfigurationFieldsColumn component with search, reordering, and field management actions

This commit is contained in:
Syed Waseem
2026-08-06 16:17:20 +05:30
parent 72864c1027
commit 8a34abcc97
@@ -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"