Add search, filter and sort to resources page

[flickz]

Resolves #25 and #33

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/opencollective/digitalinfrastructure/8uZ5eNatw1gkvUqr1EEyCMdF7CHZ
✅ Preview: https://digitalinfrastructure-git-feat-resources-opencollective.vercel.app

[RichardLitt]

Thanks, @flickz. The filter doesn't seem to work; what am I missing? Nothing changes when I type something in.

As well, there's only one type of resource. How do I add different types?

[flickz]

@RichardLitt I don't know the expected type of resources but if you want to add type to resources in a project, add a type property to the resource object.

export const resources = [
  {
    title: "Detecting At-Risk Software Infrastructure",
    link: "https://blog.communitydata.science/detecting-at-risk-software-infrastructure/",
    linkText: "Read More",
    author: "Kaylea Champion",
    type: ""
  },
];

What are the expected types? I need the list ([]) to implement the type filter which is what is currently missing.

[RichardLitt]

Thanks Olu. For now, why don't we add: ["website", "talk", "document"]. I can add more as they come up - would it be possible to make the list of possible types dynamic based on the values of all of the type fields?

[flickz]

@RichardLitt Yes, it is possible. I've implemented it now. Go ahead and type field to the project resources. As an example of this, I added type for this project.

0dbd524#diff-75fef3b4800bfdf98e11f7594deee6d79d4a0b7c52315179adf67a79a77d1cfb

[RichardLitt]

Looks great to me! Thank you, @flickz.