mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-14 08:30:56 -05:00
122d2310e6
[web] Show confirmation modal when making an email primary GitOrigin-RevId: eb67fc37c18a5ecd59973baa27ee9ef8e4b67423
60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
import { useEffect } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import MakePrimary from './actions/make-primary/make-primary'
|
|
import Remove from './actions/remove'
|
|
import useAsync from '../../../../shared/hooks/use-async'
|
|
import { useUserEmailsContext } from '../../context/user-email-context'
|
|
import { UserEmailData } from '../../../../../../types/user-email'
|
|
|
|
type ActionsProps = {
|
|
userEmailData: UserEmailData
|
|
}
|
|
|
|
function Actions({ userEmailData }: ActionsProps) {
|
|
const { t } = useTranslation()
|
|
const { setLoading: setUserEmailsContextLoading } = useUserEmailsContext()
|
|
const makePrimaryAsync = useAsync()
|
|
const deleteEmailAsync = useAsync()
|
|
|
|
useEffect(() => {
|
|
setUserEmailsContextLoading(
|
|
makePrimaryAsync.isLoading || deleteEmailAsync.isLoading
|
|
)
|
|
}, [
|
|
setUserEmailsContextLoading,
|
|
makePrimaryAsync.isLoading,
|
|
deleteEmailAsync.isLoading,
|
|
])
|
|
|
|
useEffect(() => {
|
|
if (makePrimaryAsync.isLoading && !deleteEmailAsync.isIdle) {
|
|
deleteEmailAsync.reset()
|
|
}
|
|
}, [makePrimaryAsync.isLoading, deleteEmailAsync])
|
|
|
|
useEffect(() => {
|
|
if (deleteEmailAsync.isLoading && !makePrimaryAsync.isIdle) {
|
|
makePrimaryAsync.reset()
|
|
}
|
|
}, [deleteEmailAsync.isLoading, makePrimaryAsync])
|
|
|
|
return (
|
|
<>
|
|
<MakePrimary
|
|
userEmailData={userEmailData}
|
|
makePrimaryAsync={makePrimaryAsync}
|
|
/>{' '}
|
|
<Remove
|
|
userEmailData={userEmailData}
|
|
deleteEmailAsync={deleteEmailAsync}
|
|
/>
|
|
{(makePrimaryAsync.isError || deleteEmailAsync.isError) && (
|
|
<div className="text-danger small">
|
|
{t('generic_something_went_wrong')}
|
|
</div>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Actions
|