Add subscribeToMores

Author: lorensr

src/components/ReviewList.js

@@ -6,6 +6,8 @@ import Review from './Review'
 import{
 REVIEWS_QUERY,
 ON_REVIEW_CREATED_SUBSCRIPTION,
+ON_REVIEW_UPDATED_SUBSCRIPTION,
+ON_REVIEW_DELETED_SUBSCRIPTION,
 }from'../graphql/Review'
 import{cache}from'../lib/apollo'
 
@@ -57,6 +59,51 @@ export default ({orderBy }) =>{
 })
 },[orderBy,subscribeToMore])
 
+useEffect(()=>{
+subscribeToMore({
+document: ON_REVIEW_DELETED_SUBSCRIPTION,
+updateQuery: (prev,{ subscriptionData })=>{
+cache.modify({
+fields: {
+reviews(existingReviewRefs=[],{ readField }){
+constdeletedId=subscriptionData.data.reviewDeleted
+returnexistingReviewRefs.filter(
+(reviewRef)=>deletedId!==readField('id',reviewRef)
+)
+},
+},
+})
+returnprev
+},
+})
+},[orderBy,subscribeToMore])
+
+useEffect(()=>{
+subscribeToMore({
+document: ON_REVIEW_UPDATED_SUBSCRIPTION,
+updateQuery: (prev,{ subscriptionData })=>{
+constupdatedReview=subscriptionData.data.reviewUpdated
+cache.writeFragment({
+id: cache.identify(updatedReview),
+data: updatedReview,
+fragment: gql`
+ fragment UpdatedReview on Review{
+ id
+ text
+ stars
+ createdAt
+ favorited
+ author{
+ id
+ }
+ }
+ `,
+})
+returnprev
+},
+})
+},[orderBy,subscribeToMore])
+
 constreviews=(data&&data.reviews)||[]
 
 constonScroll=throttle(()=>{