feat: add re-import menu to taxonomy detail

open-craft · Nov 22, 2023 · 1ac94e8 · 1ac94e8
1 parent d8bc6c1
commit 1ac94e8
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 9 deletions.
diff --git a/src/taxonomy/taxonomy-card/index.jsx b/src/taxonomy/taxonomy-card/index.jsx
@@ -75,7 +75,7 @@ const TaxonomyCard = ({ className, original }) => {
   const [isExportModalOpen, setIsExportModalOpen] = useState(false);
 
   const menuItemActions = {
-    import: () => importTaxonomyTags(id, intl).then(() => console.log('resolved')),
+    import: () => importTaxonomyTags(id, intl).then(),
     export: () => setIsExportModalOpen(true),
   };
 

diff --git a/src/taxonomy/taxonomy-detail/TaxonomyDetailMenu.jsx b/src/taxonomy/taxonomy-detail/TaxonomyDetailMenu.jsx
@@ -20,6 +20,9 @@ const TaxonomyDetailMenu = ({
       alt={intl.formatMessage(messages.actionsButtonAlt, { name })}
       disabled={disabled}
     >
+      <Dropdown.Item onClick={() => onClickMenuItem('import')}>
+        {intl.formatMessage(messages.importMenu)}
+      </Dropdown.Item>
       <Dropdown.Item onClick={() => onClickMenuItem('export')}>
         {intl.formatMessage(messages.exportMenu)}
       </Dropdown.Item>

diff --git a/src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx b/src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx
@@ -11,6 +11,7 @@ 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 { importTaxonomyTags } from '../import-tags';
 import taxonomyMessages from '../messages';
 import TaxonomyDetailMenu from './TaxonomyDetailMenu';
 import TaxonomyDetailSideCard from './TaxonomyDetailSideCard';
@@ -46,16 +47,15 @@ const TaxonomyDetailPage = () => {
     />
   );
 
-  const onClickMenuItem = (menuName) => {
-    switch (menuName) {
-    case 'export':
-      setIsExportModalOpen(true);
-      break;
-    default:
-      break;
-    }
+  const menuItemActions = {
+    import: () => importTaxonomyTags(taxonomyId, intl).then(),
+    export: () => setIsExportModalOpen(true),
   };
 
+  const onClickMenuItem = (menuName) => (
+    menuItemActions[menuName]?.()
+  );
+
   const getHeaderActions = () => (
     <TaxonomyDetailMenu
       id={taxonomy.id}

diff --git a/src/taxonomy/taxonomy-detail/messages.js b/src/taxonomy/taxonomy-detail/messages.js
@@ -22,6 +22,10 @@ const messages = defineMessages({
     id: 'course-authoring.taxonomy-detail.action.button.alt',
     defaultMessage: '{name} actions',
   },
+  importMenu: {
+    id: 'course-authoring.taxonomy-detail.menu.import.label',
+    defaultMessage: 'Re-import',
+  },
   exportMenu: {
     id: 'course-authoring.taxonomy-detail.action.export',
     defaultMessage: 'Export',