diff --git a/src/library-authoring/component-picker/ComponentPicker.test.tsx b/src/library-authoring/component-picker/ComponentPicker.test.tsx
index 9fd3243d7..f7c3558a5 100644
--- a/src/library-authoring/component-picker/ComponentPicker.test.tsx
+++ b/src/library-authoring/component-picker/ComponentPicker.test.tsx
@@ -271,7 +271,7 @@ describe('', () => {
await screen.findByText(/Change Library/i);
fireEvent.click(screen.getByText(/Change Library/i));
- await screen.findByText('Select which Library would you like to reference components from.');
+ await screen.findByText('Choose a library to browse components.');
});
it('should pick multiple components using the component card button', async () => {
diff --git a/src/library-authoring/component-picker/ComponentPicker.tsx b/src/library-authoring/component-picker/ComponentPicker.tsx
index 950983286..00cab0630 100644
--- a/src/library-authoring/component-picker/ComponentPicker.tsx
+++ b/src/library-authoring/component-picker/ComponentPicker.tsx
@@ -114,7 +114,11 @@ export const ComponentPicker: React.FC = ({
activeKey={currentStep}
>
-
+
diff --git a/src/library-authoring/component-picker/SelectLibrary.tsx b/src/library-authoring/component-picker/SelectLibrary.tsx
index 2181d5c1f..fc914c348 100644
--- a/src/library-authoring/component-picker/SelectLibrary.tsx
+++ b/src/library-authoring/component-picker/SelectLibrary.tsx
@@ -13,6 +13,7 @@ import Loading from '../../generic/Loading';
import AlertError from '../../generic/alert-error';
import { useContentLibraryV2List } from '../data/apiHooks';
import messages from './messages';
+import { ContentType } from '../routes';
interface EmptyStateProps {
hasSearchQuery: boolean;
@@ -40,9 +41,10 @@ const EmptyState = ({ hasSearchQuery }: EmptyStateProps) => (
interface SelectLibraryProps {
selectedLibrary: string;
setSelectedLibrary: (libraryKey: string) => void;
+ itemType: ContentType;
}
-const SelectLibrary = ({ selectedLibrary, setSelectedLibrary }: SelectLibraryProps) => {
+const SelectLibrary = ({ selectedLibrary, setSelectedLibrary, itemType }: SelectLibraryProps) => {
const intl = useIntl();
const [searchQuery, setSearchQuery] = useState('');
@@ -75,7 +77,9 @@ const SelectLibrary = ({ selectedLibrary, setSelectedLibrary }: SelectLibraryPro
return (
- {intl.formatMessage(messages.selectLibraryInfo)}
+