fix: tweak edit attributes for contact UI (#7046)

Co-authored-by: Dhruwang <dhruwangjariwala18@gmail.com>
This commit is contained in:
Johannes
2025-12-29 06:58:15 -08:00
committed by GitHub
parent a618f2df95
commit 3434b5cf08
2 changed files with 20 additions and 19 deletions

View File

@@ -218,33 +218,34 @@ export const EditContactAttributesModal = ({
<FormItem className="flex-1">
<FormLabel>{t("environments.contacts.attribute_value")}</FormLabel>
<FormControl>
<Input
{...valueField}
placeholder={t("environments.contacts.attribute_value_placeholder")}
className="w-full"
/>
<div className="flex space-x-2">
<Input
{...valueField}
placeholder={t("environments.contacts.attribute_value_placeholder")}
className="w-full"
/>
<div className="flex items-end pb-0.5">
<Button
type="button"
variant="outline"
disabled={["email", "userId", "firstName", "lastName"].includes(field.key)}
size="sm"
onClick={() => handleRemoveAttribute(index)}
className="h-10 w-10 p-0">
<TrashIcon className="h-4 w-4" />
</Button>
</div>
</div>
</FormControl>
<FormError />
</FormItem>
)}
/>
<div className="flex items-end pb-2">
<Button
type="button"
variant="ghost"
disabled={["email", "userId", "firstName", "lastName"].includes(field.key)}
size="sm"
onClick={() => handleRemoveAttribute(index)}
className="h-10 w-10 p-0">
<TrashIcon className="h-4 w-4" />
</Button>
</div>
</div>
))}
</div>
<Button type="button" variant="outline" onClick={handleAddAttribute} className="w-fit">
<Button type="button" variant="secondary" onClick={handleAddAttribute} className="w-fit">
<PlusIcon className="mr-2 h-4 w-4" />
{t("environments.contacts.add_attribute")}
</Button>

View File

@@ -29,7 +29,7 @@ export const SegmentTableDataRow = ({
<>
<button
key={id}
className="grid h-12 w-full cursor-pointer grid-cols-7 content-center rounded-lg p-2 text-left transition-colors ease-in-out hover:bg-slate-100"
className="grid h-12 w-full cursor-pointer grid-cols-7 content-center p-2 text-left transition-colors ease-in-out hover:bg-slate-100"
onClick={() => setIsEditSegmentModalOpen(true)}>
<div className="col-span-4 flex items-center pl-6 text-sm">
<div className="flex items-center gap-4">