ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix notification padding and evict notification item from cache on visit

This commit is contained in:
keyan 2021-08-18 14:15:52 -05:00
parent 6dff4c6815
commit 534e772849
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/notifications.js
View File

@ -1,4 +1,4 @@
import { useQuery } from '@apollo/client'
import { useApolloClient, useQuery } from '@apollo/client'
import Button from 'react-bootstrap/Button'
import { useState } from 'react'
import Comment, { CommentSkeleton } from './comment'
@ -9,6 +9,7 @@ import { useRouter } from 'next/router'
export default function Notifications ({ variables, ...props }) {
const router = useRouter()
const client = useApolloClient()
const { loading, error, data, fetchMore } = useQuery(NOTIFICATIONS, {
variables
})
@ -27,11 +28,15 @@ export default function Notifications ({ variables, ...props }) {
className={styles.clickToContext}
onClick={() => {
if (n.__typename === 'Reply' || !n.item.title) {
// evict item from cache so that it has current state
// e.g. if they previously visited before a recent comment
client.cache.evict({ id: `Item:${n.item.parentId}` })
router.push({
pathname: '/items/[id]',
query: { id: n.item.parentId, commentId: n.item.id }
}, `/items/${n.item.parentId}`)
} else {
client.cache.evict({ id: `Item:${n.item.id}` })
router.push(`items/${n.item.id}`)
}
}}