diff --git a/src/taxonomy/index.js b/src/taxonomy/index.js
index 789be9255a..356c532411 100644
--- a/src/taxonomy/index.js
+++ b/src/taxonomy/index.js
@@ -1,3 +1,3 @@
export { default as TaxonomyListPage } from './TaxonomyListPage';
export { default as TaxonomyLayout } from './TaxonomyLayout';
-export { default as TaxonomyDetailPage } from './taxonomy-detail/TaxonomyDetailPage';
+export { TaxonomyDetailPage } from './taxonomy-detail';
diff --git a/src/taxonomy/tag-list/TagListTable.jsx b/src/taxonomy/tag-list/TagListTable.jsx
index 6e8adc3dc3..a7ae3d950c 100644
--- a/src/taxonomy/tag-list/TagListTable.jsx
+++ b/src/taxonomy/tag-list/TagListTable.jsx
@@ -6,9 +6,8 @@ import _ from 'lodash';
import Proptypes from 'prop-types';
import { useState } from 'react';
-import messages from '../../messages';
-import taxonomyMessages from '../messages';
-import { useTagListDataResponse, useTagListDataStatus } from '../api/hooks/selectors';
+import messages from './messages';
+import { useTagListDataResponse, useTagListDataStatus } from './data/selectors';
const TagListTable = ({ taxonomyId }) => {
const intl = useIntl();
@@ -48,7 +47,7 @@ const TagListTable = ({ taxonomyId }) => {
initialState={options}
columns={[
{
- Header: intl.formatMessage(taxonomyMessages.tagListColumnValueHeader),
+ Header: intl.formatMessage(messages.tagListColumnValueHeader),
accessor: 'value',
},
]}
diff --git a/src/taxonomy/tag-list/index.js b/src/taxonomy/tag-list/index.js
new file mode 100644
index 0000000000..ac0ce31b3d
--- /dev/null
+++ b/src/taxonomy/tag-list/index.js
@@ -0,0 +1 @@
+export { default as TagListTable } from './TagListTable'; // eslint-disable-line import/prefer-default-export
diff --git a/src/taxonomy/taxonomy-detail/TaxonomyDetailMenu.jsx b/src/taxonomy/taxonomy-detail/TaxonomyDetailMenu.jsx
index 6fd7613e12..1f2aa839d2 100644
--- a/src/taxonomy/taxonomy-detail/TaxonomyDetailMenu.jsx
+++ b/src/taxonomy/taxonomy-detail/TaxonomyDetailMenu.jsx
@@ -7,7 +7,6 @@ import {
import PropTypes from 'prop-types';
import messages from './messages';
-import taxonomyMessages from '../messages';
const TaxonomyDetailMenu = ({
id, name, disabled, onClickMenuItem,
@@ -18,11 +17,11 @@ const TaxonomyDetailMenu = ({
onClickMenuItem('export')}>
- {intl.formatMessage(taxonomyMessages.taxonomyCardExportMenu)}
+ {intl.formatMessage(messages.exportMenu)}
);
diff --git a/src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx b/src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx
index 23ddf046f0..6c39a0e23b 100644
--- a/src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx
+++ b/src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx
@@ -1,3 +1,4 @@
+// ts-check
import React, { useState } from 'react';
import { useIntl } from '@edx/frontend-platform/i18n';
import {
@@ -10,11 +11,11 @@ import { Link, useParams } from 'react-router-dom';
import ConnectionErrorAlert from '../../generic/ConnectionErrorAlert';
import Loading from '../../generic/Loading';
import SubHeader from '../../generic/sub-header/SubHeader';
-import messages from './messages';
+import taxonomyMessages from '../messages';
import TaxonomyDetailMenu from './TaxonomyDetailMenu';
import TaxonomyDetailSideCard from './TaxonomyDetailSideCard';
-import TagListTable from './TagListTable';
-import ExportModal from '../modals/ExportModal';
+import { TagListTable } from '../tag-list';
+import ExportModal from '../export-modal';
import { useTaxonomyDetailDataResponse, useTaxonomyDetailDataStatus } from './data/selectors';
const TaxonomyDetailPage = () => {
@@ -89,7 +90,7 @@ const TaxonomyDetailPage = () => {
({
+jest.mock('./data/api', () => ({
useTaxonomyDetailData: jest.fn(),
}));
jest.mock('react-router-dom', () => ({
diff --git a/src/taxonomy/taxonomy-detail/index.js b/src/taxonomy/taxonomy-detail/index.js
new file mode 100644
index 0000000000..5665033c97
--- /dev/null
+++ b/src/taxonomy/taxonomy-detail/index.js
@@ -0,0 +1,2 @@
+// ts-check
+export { default as TaxonomyDetailPage } from './TaxonomyDetailPage'; // eslint-disable-line import/prefer-default-export
diff --git a/src/taxonomy/taxonomy-detail/messages.js b/src/taxonomy/taxonomy-detail/messages.js
index a1d9c15404..ec5291f6c0 100644
--- a/src/taxonomy/taxonomy-detail/messages.js
+++ b/src/taxonomy/taxonomy-detail/messages.js
@@ -1,3 +1,4 @@
+// ts-check
import { defineMessages } from '@edx/frontend-platform/i18n';
const messages = defineMessages({
@@ -17,6 +18,14 @@ const messages = defineMessages({
id: 'course-authoring.taxonomy-detail.action.button.label',
defaultMessage: 'Actions',
},
+ actionsButtonAlt: {
+ id: 'course-authoring.taxonomy-detail.action.button.alt',
+ defaultMessage: '{name} actions',
+ },
+ exportMenu: {
+ id: 'course-authoring.taxonomy-detail.action.export',
+ defaultMessage: 'Export',
+ },
});
export default messages;