# Finish off blog components - Fri 28th Sept, 2020 Today, I worked on various things necessary to get the C+ blog components done. I added pagination to the blog tag feed: ```typescript= const fetchMoreBlogCards = (): void => { setFetchMoreLoading(true) pageRef.current += 1 fetchMore({ variables: { page: pageRef.current, count: FEED_QUERY_COUNT }, updateQuery: (prev, { fetchMoreResult }) => { if (!fetchMoreResult) { return prev } if (fetchMoreResult?.blogTagSearchResults.length === 0) { setEndOfFeed(true) } const updatedBlogPostFeed: BlogTagQuery = { ...prev, blogTagSearchResults: [...prev.blogTagSearchResults, ...fetchMoreResult.blogTagSearchResults], } setFetchMoreLoading(false) return updatedBlogPostFeed }, }) } ``` Along with various other changes and improvements. ### Injecting CSS into WebView ```typescript= const createDocumentWrapper = (html: string, css: string) => ` <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <style> ${css} </style> </head> <body>${html}</body> </html> ` ``` Both `html` and `css` are template tags. ###### tags: `programmingjournal` `2020` `C+` `blogs` `webview` `pagination` `injectingcss`