diff --git a/app/web/src/newhotness/ComponentDetails.vue b/app/web/src/newhotness/ComponentDetails.vue index 6bcfc38249..d43a753c13 100644 --- a/app/web/src/newhotness/ComponentDetails.vue +++ b/app/web/src/newhotness/ComponentDetails.vue @@ -310,11 +310,15 @@ >Qualifications @@ -448,6 +452,7 @@ import { import { AttributeTree, BifrostComponent, + DependentValues, EntityKind, IncomingConnections, MgmtFuncKind, @@ -557,6 +562,13 @@ const attributeTreeQuery = useQuery({ }); const attributeTree = computed(() => attributeTreeQuery.data.value); +const dependentValuesQuery = useQuery({ + queryKey: key(EntityKind.DependentValues), + queryFn: async () => + await bifrost(args(EntityKind.DependentValues)), +}); +const dependentValues = computed(() => dependentValuesQuery.data.value); + // Determines if the component is able to have a resource. For example, for "AWS::EC2::KeyPair", // this would return 'true', but fore "AWS Region", this would return false. const hasResourceValueProps = computed(() => { diff --git a/app/web/src/newhotness/MinimizedComponentQualificationStatus.vue b/app/web/src/newhotness/MinimizedComponentQualificationStatus.vue index 468d25de11..18beeb18fd 100644 --- a/app/web/src/newhotness/MinimizedComponentQualificationStatus.vue +++ b/app/web/src/newhotness/MinimizedComponentQualificationStatus.vue @@ -1,7 +1,7 @@