The Delete buttons for Devices do not seem to correspond with what is being deleted

[ryanfeiock]

Describe the bug On the Device Types page, I have 4 devices setup: CNCMachine1 LaserCutter WaterCutter smart-home

I want to delete CNCMachine1, and when I click the Delete button on the line with CNCMachine1, it brings up the Confirm delete dialog box, and in the box it prompts with this message: Are you sure you want to delete smart-home

If I click on Confirm the site does indeed delete smart-home and not CNCMachine1 as intended.

To Reproduce I am not sure if I did anything to get it into this state as I just built it out a few hours ago, and have been adding devices and simulations today to test out my IoT Core/SiteWise setup. But from my current state, this is how I recreate it:

• Navigate to Device Types page
• Click on Add Device Type
• Fill in the necessary info:
• • Device Type Name: TestDeleteDevice
• • Topic: /octank/cnc_machine/TestDeleteDevice
• • Message Payload: Add an attribute such as DeviceID as type ID
• Click Save
• Back on the Device Type page, click Delete for the Device Named TestDeleteDevice
• In my example, it prompts be to delete the device WaterCutter. If I confirm, it does indeed delete WaterCutter and the TestDeleteDevice still remains

Expected behavior I would expect that clicking on the Delete button next to TestDeleteDevice would prompt for deleting TestDeleteDevice and upon confirming the delete would indeed delete the TestDeleteDevice device.

Please complete the following information about the solution:

• [x] Version: 3.0.0
• [x] Region: us-east-1
• [x] Was the solution modified from the version published on this repository? - No
• [x] If the answer to the previous question was yes, are the changes available on GitHub? - N/A
• [x] Have you checked your service quotas for the sevices this solution uses? - I haven't, but doesn't seem to be relevant for this scenario.
• [x] Were there any errors in the CloudWatch Logs? No

Screenshots

Additional context

[dwil618]

I also experienced this bug when I was using the simulator. I dug a little deeper and found what I think to be the cause: Due to the way the react code (incorrectly) manages the popup state, when you click the delete button, it opens a confirmation dialog for every item in the list, so the last one is always on top.

One way to work around this is to inspect the element using the browser dev tools, and delete the dialogs individually, until the one you want is on top, and can be clicked

[jangidms]

Hi @ryanfeiock Thank you for reporting this behavior. We are planning to include fix for this issue in next release of the solution. Please continue to monitor the repo for updates.