refactor(console): remove api resource tutorial modal on creation (#7918)

* refactor(console): remove api resource tutorial modal on creation

* fix: ui integration tests

Author: charIeszhao

packages/console/src/pages/ApiResources/components/GuideLibrary/index.module.scss

@@ -26,7 +26,7 @@ import useTheme from '@/hooks/use-theme';
 import pageLayout from '@/scss/page-layout.module.scss';
 import { buildUrl } from '@/utils/url';
 
-import GuideLibraryModal from './components/GuideLibraryModal';
+import CreateForm from './components/CreateForm';
 import styles from './index.module.scss';
 
 const pageSize = defaultPageSize;
@@ -128,15 +128,20 @@ function ApiResources() {
         }}
         onRetry={async () => mutate(undefined, true)}
       />
-      <GuideLibraryModal
-        isOpen={isCreating}
-        onClose={() => {
-          navigate({
-            pathname: apiResourcesPathname,
-            search,
-          });
-        }}
-      />
+      {isCreating && (
+        <CreateForm
+          onClose={(newApiResource) => {
+            if (newApiResource) {
+              navigate(`/api-resources/${newApiResource.id}`);
+              return;
+            }
+            navigate({
+              pathname: apiResourcesPathname,
+              search,
+            });
+          }}
+        />
+      )}
     </div>
   );
 }

packages/console/src/pages/ApiResources/components/GuideLibrary/index.tsx

@@ -66,13 +66,6 @@ describe('M2M RBAC', () => {
         text: 'Create API resource',
       });
 
-      await expectModalWithTitle(page, 'Start with tutorials');
-
-      // Click bottom button to skip tutorials
-      await expect(page).toClick('.ReactModalPortal nav[class$=actionBar] button span', {
-        text: 'Continue without tutorial',
-      });
-
       await expectModalWithTitle(page, 'Create API resource');
 
       await expect(page).toFillForm('.ReactModalPortal form', {

packages/console/src/pages/ApiResources/components/GuideLibraryModal/index.module.scss

@@ -55,13 +55,6 @@ describe('User RBAC', () => {
       text: 'Create API resource',
     });
 
-    await expectModalWithTitle(page, 'Start with tutorials');
-
-    // Click bottom button to skip tutorials
-    await expect(page).toClick('.ReactModalPortal nav[class$=actionBar] button span', {
-      text: 'Continue without tutorial',
-    });
-
     await expectModalWithTitle(page, 'Create API resource');
 
     await expect(page).toFillForm('.ReactModalPortal form', {

packages/console/src/pages/ApiResources/components/GuideLibraryModal/index.tsx

@@ -15,14 +15,7 @@ export default class ExpectApiResources extends ExpectConsole {
   async toCreateApiResource({ name, indicator }: { name: string; indicator: string }) {
     await this.gotoPage('/api-resources', 'API resources');
     await this.toClickButton('Create API resource');
-
-    await this.toExpectModal('Start with tutorials');
-
-    // Click bottom button to skip tutorials
-    await this.toClickButton('Continue without tutorial', false);
-
     await this.toExpectModal('Create API resource');
-
     await this.toFillForm({
       name,
       indicator,