diff --git a/.changeset/young-toes-knock.md b/.changeset/young-toes-knock.md new file mode 100644 index 0000000000..91d263e0fe --- /dev/null +++ b/.changeset/young-toes-knock.md @@ -0,0 +1,7 @@ +--- +'@backstage/plugin-opencost': minor +--- + +Fix for broken image reference. + +Fixed https://github.com/backstage/backstage/issues/20333 diff --git a/plugins/opencost/README.md b/plugins/opencost/README.md index 39c5e7ee2e..87375314a9 100644 --- a/plugins/opencost/README.md +++ b/plugins/opencost/README.md @@ -28,7 +28,7 @@ and ``` -3. Add link to OpenCost to your sidebar +3. Import the `MoneyIcon` and add link to OpenCost to your sidebar ```typescript // packages/app/src/components/Root/Root.tsx @@ -58,7 +58,7 @@ If you haven't set up an ingress rule, you can port-forward the API with kubectl -n opencost port-forward deployment/opencost 9003 ``` -Add the following to your `app-config.yaml`: +Add the following to your `app-config.local.yaml`: ```yaml opencost: diff --git a/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx b/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx index bd60fa0c35..4062eca155 100644 --- a/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx +++ b/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx @@ -17,6 +17,7 @@ import React from 'react'; import { Grid } from '@material-ui/core'; import { Header, Page, Content } from '@backstage/core-components'; import { OpenCostReport } from '../OpenCostReport'; +import logo from '../../images/pig.png'; export const OpenCostPage = () => ( @@ -25,12 +26,7 @@ export const OpenCostPage = () => ( subtitle="Open source Kubernetes cloud cost monitoring" > - OpenCost + OpenCost