Skip to content

Conversation

@hturan
Copy link
Contributor

@hturan hturan commented Oct 8, 2024

Summary

This PR implements an empty state for the Workers AI model catalog (when a search or filter returns no results), along with some small design tweaks to the model schema viewers (handling oneOf states in a nicer fashion and adding vertical alignments).

Screenshots (optional)

Screenshot 2024-10-08 at 18 35 52

Screenshot 2024-10-08 at 18 36 07

Documentation checklist

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Oct 8, 2024

Deploying cloudflare-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: 1d1c4e1
Status: ✅  Deploy successful!
Preview URL: https://53b6b6ed.cloudflare-docs-7ou.pages.dev
Branch Preview URL: https://hturan-ai-fixes.cloudflare-docs-7ou.pages.dev

View logs

Copy link
Collaborator

@KimJ15 KimJ15 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approved from a non-technical POV. @KianNH - look ok to you?

@haleycode haleycode added the DevRel Tasks that need support from developer relations. label Oct 9, 2024
</div>
<div className="flex md:w-3/4 w-full gap-[1%] items-stretch self-start flex-wrap !mt-0">
{modelList.length === 0 && (
<div className="border bg-gray-50 rounded-md w-full flex-col flex align-middle justify-center text-center py-6">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks like we're missing dark mode styling for this, but otherwise looks good!

image

{node.subpath[node.subpath.length - 1]}
</code>
<li
class={`py-2 !my-0 !list-none ${root ? "" : "border-l border-l-gray-200 pl-4"}`}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The colour feels like it might be too light on dark mode, but that's just a nit so happy to leave it as-is.

image

@hturan
Copy link
Contributor Author

hturan commented Oct 11, 2024

Appreciate you @KianNH 🧡 One of these days I'll remember to dev in dark mode too! Just pushed up a couple of fixes for those.

@hturan hturan merged commit 0060ab7 into production Oct 11, 2024
11 checks passed
@hturan hturan deleted the hturan/ai-fixes branch October 11, 2024 14:44
elithrar pushed a commit that referenced this pull request Oct 15, 2024
* Implement empty state for model catalog

* Clean up model schema design

* Dark mode fixes for model empty state
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

DevRel Tasks that need support from developer relations. size/s

Projects

None yet

Development

Successfully merging this pull request may close these issues.