WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

footer style added

Browse Source
This commit was merged in pull request #705.
This commit is contained in:
victorAnumudu
2024-04-09 17:40:45 +01:00
parent 2a3edcf3be
commit e6bc184747
3 changed files with 64 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JobGroups/AddGroup.jsx
+23 -22
View File
@@ -135,28 +135,6 @@ export default function AddGroup({ action, situation, setUpdateList }) {
/>
</div>
</div>
<div className="w-full flex justify-between items-center gap-4">
<button
onClick={action}
type="button"
className="w-[152px] h-[46px] flex justify-center items-center rounded-full text-base text-light-red tracking-wide border border-light-red"
>
<span className="">
Cancel
</span>
</button>
{requestStatus.loading ? (
<LoadingSpinner size="8" color="sky-blue" />
) : (
<button
onClick={() => addGroup()}
type="button"
className="w-[152px] h-[46px] flex justify-center items-center btn-gradient text-base rounded-full text-white"
>
Add Group
</button>
)}
</div>
{/* ERROR DISPLAY AND SUBMIT BUTTON */}
{requestStatus.message != "" &&
@@ -177,6 +155,29 @@ export default function AddGroup({ action, situation, setUpdateList }) {
))}
{/* End of error or success display */}
</div>
<div className="modal-footer-wrapper">
<button
onClick={action}
type="button"
className="custom-btn text-light-red border border-light-red"
>
<span className="">
Cancel
</span>
</button>
{requestStatus.loading ? (
<LoadingSpinner size="8" color="sky-blue" />
) : (
<button
onClick={() => addGroup()}
type="button"
className="custom-btn btn-gradient text-white"
>
Add Group
</button>
)}
</div>
</div>
</ModalCom>
);