Edit Header Image

Why?

Sometimes you want to select an image, that might be a link, a search on unsplash or an upload.

A bit like if you're editing a Notion page.


How?

This component opens up an Ant Design Popover with 3 different options:

  1. Add a link
  2. Search on Unsplash
  3. Upload an image

Edit Header Image

Searching on Unsplash wraps the Unsplash API and returns a list of images.

Uploading an image uploads to cloud storage with the pathname passed into the component.

To do

Currently this has no option to add alt text, or attribution (if it's from Unsplash). This needs to be added.