47f10301c8
* Set common package.json sideEffects: false * Configure SWC to modularize lodash imports * Import specific lodash functions instead of _ * Add an eslint rule to avoid full lodash import
46 lines
1.0 KiB
TypeScript
46 lines
1.0 KiB
TypeScript
import { mapValues } from 'lodash'
|
|
import { useEffect, useState } from 'react'
|
|
import { Contract } from 'common/contract'
|
|
import { trackView } from 'web/lib/firebase/tracking'
|
|
import { useIsVisible } from './use-is-visible'
|
|
|
|
export const useSeenContracts = () => {
|
|
const [seenContracts, setSeenContracts] = useState<{
|
|
[contractId: string]: number
|
|
}>({})
|
|
|
|
useEffect(() => {
|
|
setSeenContracts(getSeenContracts())
|
|
}, [])
|
|
|
|
return seenContracts
|
|
}
|
|
|
|
export const useSaveSeenContract = (
|
|
elem: HTMLElement | null,
|
|
contract: Contract
|
|
) => {
|
|
const isVisible = useIsVisible(elem)
|
|
|
|
useEffect(() => {
|
|
if (isVisible) {
|
|
const newSeenContracts = {
|
|
...getSeenContracts(),
|
|
[contract.id]: Date.now(),
|
|
}
|
|
localStorage.setItem(key, JSON.stringify(newSeenContracts))
|
|
|
|
trackView(contract.id)
|
|
}
|
|
}, [isVisible, contract])
|
|
}
|
|
|
|
const key = 'feed-seen-contracts'
|
|
|
|
const getSeenContracts = () => {
|
|
return mapValues(
|
|
JSON.parse(localStorage.getItem(key) ?? '{}'),
|
|
(time) => +time
|
|
)
|
|
}
|