Remove Flash on intermediate Verify step when sign In with SSO about twenty HOT 1 CLOSED

Disclaimer: This comment was automatically generated with AI. It can give some useful hints as to where to look for, but sometimes it can also give very inaccurate answers so takes this with a pinch of salt :).

To remove the flash on the intermediate Verify step when signing in with SSO, follow these steps:

1. VerifyEffect Component: Modify the VerifyEffect component to handle the intermediate state without causing a flash. This component is likely located in frontend/components/VerifyEffect.js.

// Example modification
useEffect(() => {
  if (isVerifying) {
    // Add logic to handle intermediate state smoothly
  }
}, [isVerifying]);

2. useAuth Hook: Ensure the useAuth hook manages the authentication state properly to avoid unnecessary re-renders. This hook can be found in frontend/hooks/useAuth.js.

// Example modification
const useAuth = () => {
  const [authState, setAuthState] = useState(initialState);
  // Add logic to handle SSO verification state
};

3. useNavigateAfterSignInUp: Adjust the navigation logic in useNavigateAfterSignInUp to handle the transition smoothly. This is located in frontend/hooks/useNavigateAfterSignInUp.js.

// Example modification
const useNavigateAfterSignInUp = () => {
  const navigate = useNavigate();
  // Add logic to handle navigation without flash
};

4. Backend Controllers: Ensure the backend controllers for Google and Microsoft SSO handle the verification step correctly. These controllers are likely in backend/controllers/auth/googleController.js and backend/controllers/auth/microsoftController.js.

// Example modification
const handleSSOVerification = (req, res) => {
  // Add logic to handle verification step without causing frontend flash
};

By making these changes, the flash during the intermediate verify step should be removed.

References

from twenty.