From 7d35166ef172a44a3de284a0dbb92f8548c778fb Mon Sep 17 00:00:00 2001
From: Navin Karkera <navin@opencraft.com>
Date: Wed, 18 Sep 2024 15:30:39 +0530
Subject: [PATCH] feat: open collections page on save

---
 .../create-collection/CreateCollectionModal.tsx             | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/library-authoring/create-collection/CreateCollectionModal.tsx b/src/library-authoring/create-collection/CreateCollectionModal.tsx
index 905272b181..74bd7b1c85 100644
--- a/src/library-authoring/create-collection/CreateCollectionModal.tsx
+++ b/src/library-authoring/create-collection/CreateCollectionModal.tsx
@@ -5,7 +5,7 @@ import {
   Form,
   ModalDialog,
 } from '@openedx/paragon';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { Formik } from 'formik';
 import * as Yup from 'yup';
@@ -17,6 +17,7 @@ import { ToastContext } from '../../generic/toast-context';
 
 const CreateCollectionModal = () => {
   const intl = useIntl();
+  const navigate = useNavigate();
   const { libraryId } = useParams();
   if (!libraryId) {
     throw new Error('Rendered without libraryId URL parameter');
@@ -29,8 +30,9 @@ const CreateCollectionModal = () => {
   const { showToast } = React.useContext(ToastContext);
 
   const handleCreate = React.useCallback((values) => {
-    create.mutateAsync(values).then(() => {
+    create.mutateAsync(values).then((data) => {
       closeCreateCollectionModal();
+      navigate(`/library/${libraryId}/collections/${data.key}`);
       showToast(intl.formatMessage(messages.createCollectionSuccess));
     }).catch(() => {
       showToast(intl.formatMessage(messages.createCollectionError));