fix: Fix an issue where the add new statement button is not working (#33)

Author: jessieweiyi

packages/threat-composer-app/src/containers/App/index.tsx

@@ -26,7 +26,7 @@ const DEFAULT_MODE = process.env.REACT_APP_DEFAULT_MODE;
 const App: FC = () => {
   const [searchParams] = useSearchParams();
   const mode = searchParams.get('mode');
-  const composerMode = mode || DEFAULT_MODE;
+  const composerMode = mode || DEFAULT_MODE || 'Full';
   return composerMode === 'ThreatsOnly' || composerMode === 'EditorOnly' ? (
     <Standalone composeMode={composerMode} />
   ) : (

packages/threat-composer-app/src/containers/ThreatModelReport/index.tsx

@@ -14,11 +14,9 @@
   limitations under the License.
  ******************************************************************************************************************** */
 import { FC, useCallback, useState } from 'react';
-import { useSearchParams } from 'react-router-dom';
 import { ThreatModel, ThreatModelView } from 'threat-composer';
 
 const ThreatModelReport: FC = () => {
-  const [searchParms] = useSearchParams();
   const [isPreview] = useState(() => {
     const urlParams = new URLSearchParams(window.location.search);
     const previewParams = urlParams.get('preview');
@@ -48,7 +46,7 @@ const ThreatModelReport: FC = () => {
   }, []);
 
   return (data
-    ? (<ThreatModelView composerMode={searchParms.get('mode') || ''} data={data} onPrintButtonClick={isPreview ? undefined : handlePrintButtonClick} />)
+    ? (<ThreatModelView composerMode='Full' data={data} onPrintButtonClick={isPreview ? undefined : handlePrintButtonClick} />)
     : (<ThreatModel
       onPrintButtonClick={isPreview ? undefined : handlePrintButtonClick}
     />));

packages/threat-composer-app/src/utils/generateUrl/index.ts

@@ -17,17 +17,17 @@ import { generatePath } from 'react-router-dom';
 
 const ROUTE_BASE_PATH=process.env.REACT_APP_ROUTE_BASE_PATH || '';
 
-const generateUrl = (path: string, searchParms: URLSearchParams, workspaceId: string, threatId?: string) => {
-  const mode = searchParms.get('mode');
-  if (mode) {
+const generateUrl = (path: string, searchParams: URLSearchParams, workspaceId: string, threatId?: string) => {
+  if (Array.from(searchParams.entries()).length > 0) {
     return `${ROUTE_BASE_PATH}${generatePath(path, {
       workspaceId,
       threatId,
-    })}?mode=${mode}`;
+    })}?${searchParams.toString()}`;
   }
 
   return `${ROUTE_BASE_PATH}${generatePath(path, {
-    workspaceId: workspaceId,
+    workspaceId,
+    threatId,
   })}`;
 };