Created a new custom button #612

Closed

c22abdal wants to merge 0 commits from #605-new-custom-button into team_2_week_3

c22abdal commented

2026-04-28 09:34:50 +00:00

Collaborator

Created a custom button to be used universally within cards.
the button has varaiants that can be inserted when defining a buttons such as

                     <Button variant='primary' onClick={() => setNewMap(floor1)}>
						Floor 1
					</Button>
					<Button variant='secondary' onClick={() => setNewMap(floor2)}>
						{' '}
						Floor 2
					</Button>
					<Button variant='danger'>Danger</Button>

The variants will change how the button behaves and looks.

Created a custom button to be used universally within cards. the button has varaiants that can be inserted when defining a buttons such as ``` <Button variant='primary' onClick={() => setNewMap(floor1)}> Floor 1 </Button> <Button variant='secondary' onClick={() => setNewMap(floor2)}> {' '} Floor 2 </Button> <Button variant='danger'>Danger</Button> ``` The variants will change how the button behaves and looks. ![GIF 2026-04-28 11-31-38](/attachments/4984490a-1028-45d6-8a36-8622f723e4f1)

GIF 2026-04-28 11-31-38.gif

106 KiB

c22abdal added 1 commit

2026-04-28 09:34:50 +00:00

Created a new custom button 83c27bc7a2

c22abdal added the

needs review

label

2026-04-28 09:35:02 +00:00

c22abdal was assigned by c24elipe

2026-04-28 09:57:35 +00:00

c24elipe requested review from a24danwe

2026-04-28 09:57:40 +00:00

c24elipe referenced this pull request

2026-04-28 10:45:58 +00:00

We need better looking button design for buttons existing inside of cards #605

a24danwe commented

2026-04-28 21:59:30 +00:00

Collaborator

Review on PR ( Created a new custom button )

What was done

Added reusable custom button

Tested on Mac using chrome/firefox

Application starts without errors
Button renders correctly in the UI
onClick functionality works(switching floors).

Inspected the following files

Button.js

Indentation = ok
Naming convention = ok
Comments = Not required due to simplicity and clarity.
Code quality = clean a readable

What needs to be done

Nothing

Conclusion

Ready for merge

**Review on** PR ( Created a new custom button ) **What was done** Added reusable custom button **Tested on Mac using chrome/firefox** - Application starts without errors - Button renders correctly in the UI - onClick functionality works(switching floors). **Inspected the following files** Button.js - Indentation = ok - Naming convention = ok - Comments = Not required due to simplicity and clarity. - Code quality = clean a readable **What needs to be done** Nothing **Conclusion** Ready for merge