43 lines
960 B
TypeScript
43 lines
960 B
TypeScript
import _ from 'lodash'
|
|
import { useEffect, RefObject, useState } from 'react'
|
|
import { Contract } from '../../common/contract'
|
|
import { useIsVisible } from './use-is-visible'
|
|
|
|
export const useSeenContracts = () => {
|
|
const [seenContracts, setSeenContracts] = useState<{
|
|
[contractId: string]: number
|
|
}>({})
|
|
|
|
useEffect(() => {
|
|
setSeenContracts(getSeenContracts())
|
|
}, [])
|
|
|
|
return seenContracts
|
|
}
|
|
|
|
export const useSaveSeenContract = (
|
|
ref: RefObject<Element>,
|
|
contract: Contract
|
|
) => {
|
|
const isVisible = useIsVisible(ref)
|
|
|
|
useEffect(() => {
|
|
if (isVisible) {
|
|
const newSeenContracts = {
|
|
...getSeenContracts(),
|
|
[contract.id]: Date.now(),
|
|
}
|
|
localStorage.setItem(key, JSON.stringify(newSeenContracts))
|
|
}
|
|
}, [isVisible, contract])
|
|
}
|
|
|
|
const key = 'feed-seen-contracts'
|
|
|
|
const getSeenContracts = () => {
|
|
return _.mapValues(
|
|
JSON.parse(localStorage.getItem(key) ?? '{}'),
|
|
(time) => +time
|
|
)
|
|
}
|