profile w2l disabled button fix

This commit is contained in:
BFlat committed 2022-07-26 21:43:53 +01:00
1 parent c2cacc0ad9
commit 7323db2099
2 files changed
+27 -17

No files matched your search

@@ -154,6 +154,7 @@ styles with important tags:
border-color: $white;
transition: 0.2s;
}
.btn-secondary:hover {
background-color: #ccc;
color: $secondary;
@@ -161,6 +162,13 @@ styles with important tags:
border-color: #ccc;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: rgba($secondary, 0.8);
background-color: #fff;
border-color: #fff;
}
.btn-destructive,
.btn-destructive:focus,
.btn-destructive:active {
@@ -168,24 +168,26 @@ function ProfileW2lTemplateListFc(props: Props) {
<div className="row gy-3 gx-3 gx-lg-4 gy-lg-4 w2l-ani">
{allRowsOfTemplateElements.map((el) => el)}
</div>
<div className="d-flex w-100 gap-3 mt-4">
<button
className="btn btn-secondary w-100"
disabled={isLastButtonDisabled}
onClick={() => previousPage()}
>
<FontAwesomeIcon icon={faChevronLeft} className="me-2" />
<span>Last Page</span>
</button>
<div>
<div className="d-flex w-100 gap-3 mt-4">
<button
className="btn btn-secondary w-100"
disabled={isLastButtonDisabled}
onClick={() => previousPage()}
>
<FontAwesomeIcon icon={faChevronLeft} className="me-2" />
<span>Last Page</span>
</button>
<button
className="btn btn-secondary w-100"
disabled={isNextButtonDisabled}
onClick={() => nextPage()}
>
<span>Next Page</span>
<FontAwesomeIcon icon={faChevronRight} className="ms-2" />
</button>
<button
className="btn btn-secondary w-100"
disabled={isNextButtonDisabled}
onClick={() => nextPage()}
>
<span>Next Page</span>
<FontAwesomeIcon icon={faChevronRight} className="ms-2" />
</button>
</div>
</div>
</Fade>
);