[Workspace] Support workspace initial page (#7708)

* Support workspace initial page

Signed-off-by: yubonluo <[email protected]>

* Changeset file for PR #7708 created/updated

* optimzie the code

Signed-off-by: yubonluo <[email protected]>

* fix the test error

Signed-off-by: yubonluo <[email protected]>

* add dark mode svg url

Signed-off-by: yubonluo <[email protected]>

---------

Signed-off-by: yubonluo <[email protected]>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>

changelogs/fragments/7708.yml

@@ -0,0 +1,2 @@
+feat:
+- Support workspace initial page ([#7708](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7708))

src/plugins/workspace/common/constants.ts

@@ -10,6 +10,7 @@ export const WORKSPACE_FATAL_ERROR_APP_ID = 'workspace_fatal_error';
 export const WORKSPACE_CREATE_APP_ID = 'workspace_create';
 export const WORKSPACE_LIST_APP_ID = 'workspace_list';
 export const WORKSPACE_DETAIL_APP_ID = 'workspace_detail';
+export const WORKSPACE_INITIAL_APP_ID = 'workspace_initial';
 /**
  * Since every workspace always have overview and update page, these features will be selected by default
  * and can't be changed in the workspace form feature selector

src/plugins/workspace/public/application.tsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { HashRouter as Router, Route, Switch, Redirect } from 'react-router-dom';
+import { HashRouter as Router, Route, Switch } from 'react-router-dom';
 import { AppMountParameters, ScopedHistory } from '../../../core/public';
 import { OpenSearchDashboardsContextProvider } from '../../opensearch_dashboards_react/public';
 import { WorkspaceFatalError } from './components/workspace_fatal_error';
@@ -15,7 +15,7 @@ import { Services } from './types';
 import { WorkspaceCreatorProps } from './components/workspace_creator/workspace_creator';
 import { WorkspaceDetailApp } from './components/workspace_detail_app';
 import { WorkspaceDetailProps } from './components/workspace_detail/workspace_detail';
-import { DetailTab } from './components/workspace_form/constants';
+import { WorkspaceInitialApp } from './components/workspace_initial_app';
 
 export const renderCreatorApp = (
   { element }: AppMountParameters,
@@ -87,3 +87,18 @@ export const renderDetailApp = (
     ReactDOM.unmountComponentAtNode(element);
   };
 };
+
+export const renderInitialApp = ({}: AppMountParameters, services: Services) => {
+  const rootElement = document.getElementById('opensearch-dashboards-body');
+
+  ReactDOM.render(
+    <OpenSearchDashboardsContextProvider services={services}>
+      <WorkspaceInitialApp />
+    </OpenSearchDashboardsContextProvider>,
+    rootElement
+  );
+
+  return () => {
+    ReactDOM.unmountComponentAtNode(rootElement!);
+  };
+};