UI 1678 add cost estimation component to create cluster form

[ahussein3]

• Closes [UI] Add "Estimate cost button" to templates form #1678

• adding new component to receive cost estimation and view in the capa-cluster-template

[AlinaGoaga]

Hey @ahussein3, the cost estimate was missing from the RenderTemplate function return that's why we were getting null. I've added a commit to fix it.

return &capiv1_proto.RenderTemplateResponse{RenderedTemplate: files.RenderedTemplate, ProfileFiles: profileFiles, KustomizationFiles: kustomizationFiles, CostEstimate: files.CostEstimate}, err

It won't be on the test clusters but if you have a local cluster you can apply the capa template manifest to that and test.

If you do ./tools/reboot.sh TILT will set up a cluster for you: wge-dev. Then do kubectl apply -f capa-template.yaml to apply the manifest to wge-dev.

To start the BE: run CAPI_CLUSTERS_NAMESPACE=default CAPI_TEMPLATES_NAMESPACE=default CAPI_TEMPLATES_REPOSITORY_URL=https://github.com/AlinaGoaga/wge-dev GIT_PROVIDER_TYPE=github GIT_PROVIDER_HOSTNAME=github.com RUNTIME_NAMESPACE=flux-system go run cmd/clusters-service/main.go (obvs replacing the REPOSITORY URL with yours). This will run on port 8000.

In another window start the frontend with PROXY_HOST=https://localhost:8000 yarn start. In any case, I've attached a screenshot here also.

[AlinaGoaga]

Thanks @ahussein3 this looks good! I've updated it with namespace in render template as the API changed a bit. I'd wait for Kevin's BE PR before merging as it's not clear to me how the data will come through (for example in the helper function we check amount !== undefined - not sure if the amount will come through as undefined though, might be null?)

[ahussein3]

@AlinaGoaga as it's mentioned in the ticket the it will be either amount or range. So here if there is no amount it will be undefined. but yes we can sure merge when we see Data and Test it first. Thanks Alina