Dwinzo-Beta
/
Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Enable add button in ActionsList based on multipleAction prop and style disabled state in sidebar

This commit is contained in:
Vishnu 2025-04-28 18:25:25 +05:30
parent 897633d4cc
commit 2da211f464
2 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/src/components/layout/sidebarRight/properties/eventProperties/components/ActionsList.tsx
View File

@ -116,11 +116,14 @@ const ActionsList: React.FC<ActionsListProps> = ({
<div className="actions">
<div className="header">
<div className="header-value">Actions</div>
{multipleAction && (
<button className="add-button" onClick={() => handleAddAction()}>
<AddIcon /> Add
</button>
)}
<button
className="add-button"
onClick={() => handleAddAction()}
disabled={!multipleAction}
>
<AddIcon /> Add
</button>
</div>
<div
className="lists-main-container"

31
app/src/styles/layout/sidebar.scss
View File

@ -379,7 +379,7 @@
grid-column: 1 / -1;
.products-list {
padding-top: 1rem;
.products-list-title{
.products-list-title {
text-align: start;
color: var(--accent-color);
font-size: var(--font-size-regular);
@ -731,6 +731,9 @@
path {
stroke: var(--primary-color);
}
&:disabled {
background-color: var(--text-disabled);
}
}
}
@ -799,19 +802,21 @@
width: 100%;
margin: 2px 0;
border-radius: #{$border-radius-small};
}
.value {
display: flex;
justify-content: flex-start;
align-items: center;
min-width: 80%;
gap: 6px;
.input-value {
text-align: start;
}
.value {
display: flex;
justify-content: flex-start;
align-items: center;
min-width: 80%;
gap: 6px;
input {
width: fit-content;
outline: none;
accent-color: var(--accent-color);
input {
width: fit-content;
outline: none;
accent-color: var(--accent-color);
}
}
}