EnumeratedTypeValueRow() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Database/EnumeratedTypes/EnumeratedTypeValueRow.tsx lines 13–49

const EnumeratedTypeValueRow = ({
  index,
  id,
  field,
  isDisabled = false,
  onRemoveValue,
}: EnumeratedTypeValueRowProps) => {
  return (
    <Draggable draggableId={id} index={index} isDragDisabled={isDisabled}>
      {(draggableProvided: DraggableProvided) => (
        <div
          ref={draggableProvided.innerRef}
          {...draggableProvided.draggableProps}
          className="flex items-center space-x-2 space-y-2"
        >
          <div
            {...draggableProvided.dragHandleProps}
            className={`opacity-50 hover:opacity-100 transition ${
              isDisabled ? 'text-foreground-lighter !cursor-default' : 'text-foreground'
            }`}
          >
            <GripVertical size={16} strokeWidth={1.5} />
          </div>
          <Input_Shadcn_ {...field} className="w-full" />
          <Button
            type="default"
            size="small"
            disabled={isDisabled}
            icon={<Trash strokeWidth={1.5} size={16} />}
            className="px-2"
            onClick={() => onRemoveValue()}
          />
        </div>
      )}
    </Draggable>
  )
}