#73

frontend/src/pages/posts/PostDetailPage.tsx

@@ -1,4 +1,5 @@
 import axios from 'axios'
+import toCamel from 'camelcase-keys'
 import React, { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet'
 import { Link, useLocation, useParams } from 'react-router-dom'
@@ -32,9 +33,9 @@ export default ({ user }: Props) => {
         void (axios.delete (
                   `${ API_BASE_URL }/posts/${ id }/viewed`,
                   { headers: { 'X-Transfer-Code': localStorage.getItem ('user_code') || '' } })
-              .then (res => setPost (post => ({ ...post, viewed: false })))
-              .catch (err => toast ({ title:        '失敗……',
-                                      description:  '通信に失敗しました……' })))
+              .then (() => setPost (post => ({ ...post, viewed: false })))
+              .catch (() => toast ({ title:        '失敗……',
+                                     description:  '通信に失敗しました……' })))
       }
     else
       {
@@ -42,9 +43,9 @@ export default ({ user }: Props) => {
                   `${ API_BASE_URL }/posts/${ id }/viewed`,
                   { },
                   { headers: { 'X-Transfer-Code': localStorage.getItem ('user_code') || '' } })
-              .then (res => setPost (post => ({ ...post, viewed: true })))
-              .catch (err => toast ({ title:        '失敗……',
-                                      description:  '通信に失敗しました……' })))
+              .then (() => setPost (post => ({ ...post, viewed: true })))
+              .catch (() => toast ({ title:        '失敗……',
+                                     description:  '通信に失敗しました……' })))
       }
   }
 
@@ -53,7 +54,7 @@ export default ({ user }: Props) => {
       return
     void (axios.get (`${ API_BASE_URL }/posts/${ id }`, { headers: {
               'X-Transfer-Code': localStorage.getItem ('user_code') || '' } })
-          .then (res => setPost (res.data))
+          .then (res => setPost (toCamel (res.data, { deep: true })))
           .catch (err => console.error ('うんち!', err)))
   }, [id])
 
@@ -78,6 +79,8 @@ export default ({ user }: Props) => {
   return (
       <>
         <Helmet>
+          {(post?.thumbnail || post?.thumbnailBase) &&
+              <meta name="thumbnail" content={post.thumbnail || post.thumbnailBase} />}
           {post && <title>{`${ post.title || post.url } | ${ SITE_TITLE }`}</title>}
         </Helmet>
         <TagDetailSidebar post={post} />