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="actions">
<div className="header"> <div className="header">
<div className="header-value">Actions</div> <div className="header-value">Actions</div>
{multipleAction && (
<button className="add-button" onClick={() => handleAddAction()}> <button
<AddIcon /> Add className="add-button"
</button> onClick={() => handleAddAction()}
)} disabled={!multipleAction}
>
<AddIcon /> Add
</button>
</div> </div>
<div <div
className="lists-main-container" className="lists-main-container"

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

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