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)} +