✨ use thumbnails for wp posts

owid · Oct 31, 2023 · 43a47c2 · 43a47c2
1 parent 16717f8
commit 43a47c2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/db/wpdb.ts b/db/wpdb.ts
@@ -689,7 +689,7 @@ export const getRelatedResearchAndWritingForVariable = async (
                 p.slug as postSlug,
                 coalesce(csr.chart_id, c.id) as chartId,
                 p.authors as authors,
-                '' as thumbnail, -- TODO: add thumbnail once we have it
+                p.featured_image as thumbnail,
                 coalesce(pv.views_365d, 0) as pageviews,
                 'wordpress' as post_source
             from

diff --git a/site/DataPageV2Content.tsx b/site/DataPageV2Content.tsx
@@ -297,9 +297,16 @@ export const DataPageV2Content = ({
                                                     </figure> */}
                                                     {/* // TODO: switch this to use the Image component and put the required information for the thumbnails into hte attachment context or similar */}
                                                     <img
-                                                        src={encodeURI(
-                                                            `${IMAGE_HOSTING_CDN_URL}/production/${research.imageUrl}`
-                                                        )}
+                                                        src={
+                                                            research.imageUrl &&
+                                                            research.imageUrl.startsWith(
+                                                                "http"
+                                                            )
+                                                                ? research.imageUrl
+                                                                : encodeURI(
+                                                                      `${IMAGE_HOSTING_CDN_URL}/production/${research.imageUrl}`
+                                                                  )
+                                                        }
                                                         alt=""
                                                         className="span-lg-cols-2 span-sm-cols-3"
                                                     />