Projects: create useProjectDataProvider hook

[tjcouch-sil]

As an extension developer, I want to be able to get project data easily in React so I can easily make WebViews.

---

Create a hook useProjectDataProvider that retrieves a project with your specified project ID. Maybe this can be a thin layer over the useDataProvider hook? Or it will at least be quite similar.

• Could we make a createProviderHook function that we pass the appropriate retrieval function into like dataProviderService.get and projectDataProvider.getProjectDataProvider? Not sure if all that code can be shared. That would be like const useDataProvider = createProviderHook(dataProviderService.get). So the current code in useDataProvider goes into createProviderHook, and createProviderHook(getProvider: (id) => Provider) returns a function that is the useDataProvider hook.

useProjectDataProvider will use a generic ProjectType extends ProjectTypes mapped type similar to project-data-provider.service.ts's getProjectDataProvider. You can almost think of it as a hook over that function.

Function signature:

function useProjectDataProvider<ProjectType extends ProjectTypes>(projectDataProviderSource: string | ProjectDataProvider[ProjectType] | undefined): ProjectDataProvider[ProjectType] | undefined;

Project Design Doc

Testing Note: Talk to Matt about how to load projects