I am trying to show a circular spinner once I click on the Log In button but nothing is happening

it’s always in the if block no matter how many times I click the Log in button

Without looking closely at your code, I get the sense you are creating some source of truth issues.

I'd suggest you consider re-reading the sections on "unidirectional data flow" and "state hoisting" and ensure you are following those principles

I was going to worry about that later

I just don’t know why this condition isn’t working

This is a "flattened" example of this - but in the real app the state would be managed outside of this composable function, and this function would get the current state and a lambda to call in

onCheckedChange

(where the lambda updates the state and that causes recomposition of your composable)