diff --git a/.changeset/grumpy-toys-live.md b/.changeset/grumpy-toys-live.md new file mode 100644 index 0000000000..bb11001601 --- /dev/null +++ b/.changeset/grumpy-toys-live.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-catalog-import': patch +--- + +Add register existing component instructions diff --git a/docs/assets/software-catalog/bsc-register-2.png b/docs/assets/software-catalog/bsc-register-2.png index de71141ba0..18a6c5a4f0 100644 Binary files a/docs/assets/software-catalog/bsc-register-2.png and b/docs/assets/software-catalog/bsc-register-2.png differ diff --git a/plugins/catalog-import/src/components/ImportComponentForm.tsx b/plugins/catalog-import/src/components/ImportComponentForm.tsx index 9a4fd38a06..dab5ccbea2 100644 --- a/plugins/catalog-import/src/components/ImportComponentForm.tsx +++ b/plugins/catalog-import/src/components/ImportComponentForm.tsx @@ -99,7 +99,7 @@ export const RegisterComponentForm = ({ nextStep, saveConfig }: Props) => { variant="outlined" label="Repository URL" error={hasErrors} - placeholder="https://github.com/spotify/backstage" + placeholder="https://github.com/backstage/backstage" name="componentLocation" required margin="normal" diff --git a/plugins/catalog-import/src/components/ImportComponentPage.tsx b/plugins/catalog-import/src/components/ImportComponentPage.tsx index c2eb935e54..9fdb465dd1 100644 --- a/plugins/catalog-import/src/components/ImportComponentPage.tsx +++ b/plugins/catalog-import/src/components/ImportComponentPage.tsx @@ -15,7 +15,7 @@ */ import React, { useState } from 'react'; -import { Grid } from '@material-ui/core'; +import { Grid, Typography } from '@material-ui/core'; import { InfoCard, Page, @@ -57,14 +57,41 @@ export const ImportComponentPage = ({
- + - Start tracking your component in Backstage. TODO: Add more - information about what this is. + Start tracking your component in Backstage by adding it to the + software catalog. - - + + + + + There are two ways to register an existing component. + + GitHub Repo + + If you already have code in a GitHub repository, enter the full + URL to your repo and a new pull request with a sample Backstage + metadata Entity File (catalog-info.yaml) will be + opened for you. + + + GitHub Repo & Entity File + + + If you've already created a Backstage metadata file and put it + in your repo, you can enter the full URL to that Entity File. + + + +