Administrator / spring-boot-microservices-onlineshooping-fullstack · Files

import React, { useState } from 'react'
import Modal from '../common/Modal'
import LoginForm from './LoginForm'
import RegisterForm from './RegisterForm'

const AuthModal = ({ isOpen, onClose, onAuthSuccess }) => {
  const [isLogin, setIsLogin] = useState(true)

  const handleAuthSuccess = () => {
    onAuthSuccess?.()
    onClose()
  }

  const switchToRegister = () => setIsLogin(false)
  const switchToLogin = () => setIsLogin(true)

  return (
    <Modal isOpen={isOpen} onClose={onClose}>
      {isLogin ? (
        <LoginForm 
          onSuccess={handleAuthSuccess}
          switchToRegister={switchToRegister}
        />
      ) : (
        <RegisterForm 
          onSuccess={handleAuthSuccess}
          switchToLogin={switchToLogin}
        />
      )}
    </Modal>
  )
}

export default AuthModal