I have a list on the left of the screen and the details of the selected item on the right.
User can click the accept risk button to change the state (from new to accepted)

I am trying to get the icon in the list to change depending on if the user accepts the risk or not.
To do this, I am trying to use the boolean variables in Figma.
I have these two boolean variables:

I have created a custom icon so that the variant props match this (I don’t know if that matters, I actually tried it both ways and neither time did it work)

I tied the icon component to the boolean variable

Now when the user clicks the accept button, I have it open a dialog and then the confirmation button has setting the accepted boolean variable to true. My best guess is that this is where I’ve gone wrong somehow?

Anyway, I put it all together and the left side list icon still doesn’t change after you click the button. What is wrong? Should I be using variable modes? Can Figma even support a prototype like this?
