Skip to content

[FIX] Fix tiny action buttons in Prompt Studio modals #1879

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
chandrasekharan-zipstack merged 2 commits into from
Mar 31, 2026
Merged

[FIX] Fix tiny action buttons in Prompt Studio modals #1879

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d0e7a9a
[FIX] Fix tiny action buttons in Prompt Studio settings and document …
chandrasekharan-zipstack Mar 30, 2026
d264ad8
[FIX] Fix icon-only buttons across remaining components
chandrasekharan-zipstack Mar 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 4 additions & 6 deletions frontend/src/components/agency/prompt/Prompt.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,10 +88,9 @@ function Prompt() {
<Button
size="small"
type="text"
icon={<MinusOutlined />}
onClick={() => setIsPromptOpen(false)}
>
<MinusOutlined />
</Button>
/>
</div>
</div>
<div className="wf-prompt-textarea">
Expand Down Expand Up @@ -122,10 +121,9 @@ function Prompt() {
<Button
size="small"
type="text"
icon={<EditOutlined />}
onClick={() => setIsPromptOpen(true)}
>
<EditOutlined />
</Button>
/>
</div>
</div>
)}
Expand Down
4 changes: 1 addition & 3 deletions frontend/src/components/custom-tools/header-title/HeaderTitle.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,7 @@ function HeaderTitle() {
<Typography.Text className="custom-tools-name" strong>
{details?.tool_name}
</Typography.Text>
<Button size="small" type="text" disabled>
<EditOutlined />
</Button>
<Button size="small" type="text" icon={<EditOutlined />} disabled />
</div>
</div>
);
Expand Down
53 changes: 22 additions & 31 deletions frontend/src/components/custom-tools/manage-docs-modal/ManageDocsModal.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -382,19 +382,14 @@ function ManageDocsModal({
title: "Actions",
dataIndex: "reindex",
key: "reindex",
width: 200,
width: 120,
},
{
title: "",
dataIndex: "delete",
key: "delete",
width: 30,
},
{
title: "",
title: "Select Default",
dataIndex: "select",
key: "select",
width: 30,
align: "center",
width: 120,
},
];

Expand Down Expand Up @@ -496,33 +491,29 @@ function ManageDocsModal({
</Tooltip>
)}
</div>
<ConfirmModal
handleConfirm={() => handleDelete(item?.document_id)}
content="The document will be permanently deleted."
>
<Tooltip title="Delete">
<Button
size="small"
icon={<DeleteOutlined />}
disabled={
isMultiPassExtractLoading ||
isSinglePassExtractLoading ||
indexDocs.includes(item?.document_id) ||
isUploading ||
isPublicSource
}
/>
</Tooltip>
</ConfirmModal>
<div className="center">
{infoIndex(indexMessages?.[item?.document_name])}
</div>
</Space>
),
delete: (
<ConfirmModal
handleConfirm={() => handleDelete(item?.document_id)}
content="The document will be permanently deleted."
>
<Tooltip title="Delete">
<Button
size="small"
className="display-flex-align-center"
disabled={
isMultiPassExtractLoading ||
isSinglePassExtractLoading ||
indexDocs.includes(item?.document_id) ||
isUploading ||
isPublicSource
}
>
<DeleteOutlined className="manage-llm-pro-icon" />
</Button>
</Tooltip>
</ConfirmModal>
),
select: (
<Radio
checked={selectedDoc?.document_id === item?.document_id}
Expand Down
4 changes: 0 additions & 4 deletions frontend/src/components/custom-tools/manage-llm-profiles/ManageLlmProfiles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
/* Styles for ManageLlmProfiles */

.manage-llm-pro-icon {
font-size: 10px;
}

.action-buttons-container {
display: flex;
align-items: center;
Expand Down
18 changes: 6 additions & 12 deletions frontend/src/components/custom-tools/manage-llm-profiles/ManageLlmProfiles.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,20 +122,16 @@ function ManageLlmProfiles() {
<Tooltip title="Copy Profile ID">
<Button
size="small"
className="display-flex-align-center"
icon={<CopyOutlined />}
onClick={() => copyProfileId(item?.profile_id)}
>
<CopyOutlined classID="manage-llm-pro-icon" />
</Button>
/>
</Tooltip>
<Button
size="small"
className="display-flex-align-center"
icon={<EditOutlined />}
disabled={isPublicSource}
onClick={() => handleEdit(item?.profile_id)}
>
<EditOutlined classID="manage-llm-pro-icon" />
</Button>
/>
<ConfirmModal
handleConfirm={() => handleDelete(item?.profile_id)}
content="The LLM profile will be permanently deleted."
Expand All @@ -148,13 +144,11 @@ function ManageLlmProfiles() {
>
<Button
size="small"
className="display-flex-align-center"
icon={<DeleteOutlined />}
disabled={
isPublicSource || defaultLlmProfile === item?.profile_id
}
>
<DeleteOutlined classID="manage-llm-pro-icon" />
</Button>
/>
</Tooltip>
</ConfirmModal>
</div>
Expand Down
9 changes: 3 additions & 6 deletions frontend/src/components/pipelines-or-deployments/notification-modal/DisplayNotifications.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,10 +48,9 @@ function DisplayNotifications({
<Button
type="text"
size="small"
icon={<EditOutlined />}
onClick={() => handleEdit(record)}
>
<EditOutlined />
</Button>
/>
</Tooltip>
</Space>
<Space className="actions">
Expand All @@ -60,9 +59,7 @@ function DisplayNotifications({
handleConfirm={() => handleDelete(record?.id, record?.name)}
content="Are you sure you want to delete?"
>
<Button type="text" size="small">
<DeleteOutlined />
</Button>
<Button type="text" size="small" icon={<DeleteOutlined />} />
</ConfirmModal>
</Tooltip>
</Space>
Expand Down
5 changes: 2 additions & 3 deletions frontend/src/components/settings/platform/PlatformSettings.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -317,11 +317,10 @@ function PlatformSettings() {
>
<Button
size="small"
icon={<DeleteOutlined />}
disabled={keyDetails?.id === null}
loading={isDeletingIndex === keyIndex}
>
<DeleteOutlined />
</Button>
/>
</ConfirmModal>
</Col>
</Row>
Expand Down
Loading