🎉 (admin) data insight index page / TAS-845

[sophiamersmann]

Adds an index page for data insights in the admin.

Summary

• The /dataInsights endpoint returns all data insights, enriched with information that is surfaced on the index page (e.g. image, topic tags, chart type)
• The index page has a list and gallery layout (top right) and allows to filter by publication status.

Notes

• The data insights query assumes the image block comes first
• Because we're now surfacing the grapher-url, I added some validation for it. As far as I know, the grapher-url should be a valid grapher or explorer link, but maybe I'm forgetting something?
• Search includes the body text. I just grabbed the markdown column for that because it was easiest. What's a little weird about that is that the markdown contains image filenames (and maybe other stuff), which sometimes leads to weird search results. I don't think that's too bad but if it's straight-forward to concat all text elements instead, let me know and I'm happy to rewrite
• Data insight images that are not squared get squished in the gallery (see screenshot below)

Screenshots

---

This is part 2 of 3 in a stack made with GitButler:

•  3  🎉 reupload DI images automatically / TAS-831 #4500
•  2  🎉 (admin) data insight index page / TAS-845 #4490 👈
•  1  ✨ add narrative-chart and figma-url to DI frontmatter / TAS-850 #4489

[owidbot]

Quick links (staging server):

Site Dev	Site Preview	Admin	Wizard	Docs

Login: ssh owid@staging-site-di-index-page

• Site-screenshots: https://github.com/owid/site-screenshots/compare/di-index-page
• SVG tester: https://github.com/owid/owid-grapher-svgs/compare/di-index-page

SVG tester:

Number of differences (default views): 0 ✅
Number of differences (all views): 0 ✅

Edited: 2025-01-27 09:54:56 UTC
Execution time: 1.23 seconds

[notion-workspace]

Data insight index page in the admin

[ikesau]

Really nicely done!

I've left quite a few comments but none of them are blocking, I don't think. I do think it'd be nice to get EditableTags working, though I realize that'll probably be a headache to fit in the table. 🙂

[ikesau]

Could we use EditableTags here?

[sophiamersmann]

yeah, that's a good idea! it hadn't crossed my mind

[ikesau]

May as well make this w=530 🙂

[sophiamersmann]

somehow I thought this has be to be the original width, lol

[ikesau]

I don't think any author has ever not done this, but this will be the first time we explicitly hinge business logic on this assumption - so maybe we should now add validation to assert this?

[sophiamersmann]

Yeah, that's a good idea! I was debating whether it's okay to make this assumption here. I finally settled on this because writing more code to cover cases outside our guidelines didn't make much sense to me. Good call to make it explicit!

[sophiamersmann]

Thanks for the review, @ikesau! Making the tags editable is a very good idea, and I hope dropping the chart type column helps to make it fit :)