e2b41c85f6
- Introduced a new policy update modal to inform users of changes to the Privacy Policy and Terms of Service. - Implemented a service to manage the state of policy updates, including versioning and acknowledgment tracking. - Added a prompt component that surfaces the policy update modal based on user profile and acknowledgment status. - Updated Privacy Policy and Terms of Service documents with new effective dates and content. - Enhanced developer settings to allow manual triggering of the policy update notice for testing purposes.
54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
import { useEffect, useState } from 'react'
|
|
|
|
import { useUserProfile } from '../../queries/UserQueries'
|
|
import {
|
|
acknowledgePolicyUpdate,
|
|
shouldShowPolicyUpdate,
|
|
} from '../../service/PolicyUpdateService'
|
|
import PolicyUpdateModal from '../Modals/PolicyUpdateModal'
|
|
|
|
// Let the screen settle before interrupting, and stay out of the way of the
|
|
// feedback prompt, which uses a longer delay from the same screen.
|
|
const OPEN_DELAY_MS = 1500
|
|
|
|
/**
|
|
* Surfaces the policy-change notice once per revision. Mount once, near the
|
|
* main task list.
|
|
*/
|
|
const PolicyUpdatePrompt = () => {
|
|
const [open, setOpen] = useState(false)
|
|
const { data: userProfile } = useUserProfile()
|
|
|
|
useEffect(() => {
|
|
if (!userProfile) return
|
|
|
|
let timer = null
|
|
let cancelled = false
|
|
|
|
shouldShowPolicyUpdate({ userProfile }).then(eligible => {
|
|
if (!eligible || cancelled) return
|
|
timer = setTimeout(() => {
|
|
if (cancelled) return
|
|
setOpen(true)
|
|
}, OPEN_DELAY_MS)
|
|
})
|
|
|
|
return () => {
|
|
cancelled = true
|
|
if (timer) clearTimeout(timer)
|
|
}
|
|
}, [userProfile])
|
|
|
|
if (!open) return null
|
|
|
|
return (
|
|
<PolicyUpdateModal
|
|
open={open}
|
|
onClose={() => setOpen(false)}
|
|
onAcknowledge={acknowledgePolicyUpdate}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default PolicyUpdatePrompt
|