Render LQIP and photo credit. Remove logs.

Author: jason-roundtree

web/components/PostImg.js

@@ -25,14 +25,16 @@ const PhotoCredit = styled.p`
 `
 
 function PostImage(props) {
-    console.log('PI props: ', props)
+    // console.log('PI props: ', props)
     const [isLoaded, setIsLoaded] = useState(false);
     return (
         <PostImgContainer>
             <PostImg 
                 onLoad={() => setIsLoaded(true)}
+                onBeforeUnload={() => setIsLoaded(false)}
                 src={props.postImg.url}
                 alt={`Image of ${props.postImg.description} by ${props.postImg.creditLine}`}
+                // TODO: move these style tags to Styled Components?
                 style={{ opacity: isLoaded ? 1 : 0 }}
             />
 

web/pages/posts/[slug].js

@@ -104,7 +104,7 @@ const H3 = styled.h3`
 
 function Post(props) {
     const [articleBtmPos, setArticleBtmPos] = useState(0)
-    console.log('propsPost: ', props)
+    // console.log('Post props: ', props)
 
     useEffect(() => {
         const articleBottom = document.querySelector('article').getClientRects()[0].bottom