u-fit/frontend/components/user/LogoutButton.tsx

import { useMutation } from 'react-apollo'
import { USER_LOGOUT, CURRENT_USER } from './graphql'

interface LogoutButtonProps {
  title?: string
}

const LogoutButton = (props: LogoutButtonProps) => {
  const [logout, { loading, error }] = useMutation(USER_LOGOUT)

  return (
    <button disabled={loading} onClick={() => logout({ refetchQueries: [{ query: CURRENT_USER }] })}>{props.title || 'Log out'}</button>
  )
}

export default LogoutButton