fix: LEAP-409: Update files to match with monorepo (#272)

* fix: LEAP-409: Update files to match with monorepo

* fix the export type for datamanager

* add more validations to make monorepo works

src/assets/icons/index.js

@@ -1,17 +1,17 @@
-export { default as LsAnnotation } from './annotation.svg';
-export { default as LsBanSquare } from './ban.svg';
-export { default as LsCheckAlt } from "./check_alt.svg";
-export { default as LsCrossAlt } from "./cross_alt.svg";
-export { default as LsSparkSquare } from './spark.svg';
-export { default as LsThumbsDown } from './thumbs_down.svg';
-export { default as LsThumbsUp } from './thumbs_up.svg';
-export { default as LsStarSquare } from  './star_square.svg';
-export { default as LSPlus } from './plus.svg';
-export { default as LsRefresh } from "./refresh.svg";
-export { default as LsGear } from "./gear.svg";
-export { default as LsGearNewUI } from "./gear_new_menu.svg";
-export { default as CommentCheck } from "./comment_check.svg";
-export { default as CommentRed } from "./comment_red.svg";
-export { default as LsGrid } from "./grid.svg";
-export { default as LsList } from "./list.svg";
-export { default as LsRefresh2 } from "./refresh2.svg";
+export { ReactComponent as LsAnnotation } from './annotation.svg';
+export { ReactComponent as LsBanSquare } from './ban.svg';
+export { ReactComponent as LsCheckAlt } from "./check_alt.svg";
+export { ReactComponent as LsCrossAlt } from "./cross_alt.svg";
+export { ReactComponent as LsSparkSquare } from './spark.svg';
+export { ReactComponent as LsThumbsDown } from './thumbs_down.svg';
+export { ReactComponent as LsThumbsUp } from './thumbs_up.svg';
+export { ReactComponent as LsStarSquare } from  './star_square.svg';
+export { ReactComponent as LSPlus } from './plus.svg';
+export { ReactComponent as LsRefresh } from "./refresh.svg";
+export { ReactComponent as LsGear } from "./gear.svg";
+export { ReactComponent as LsGearNewUI } from "./gear_new_menu.svg";
+export { ReactComponent as CommentCheck } from "./comment_check.svg";
+export { ReactComponent as CommentRed } from "./comment_red.svg";
+export { ReactComponent as LsGrid } from "./grid.svg";
+export { ReactComponent as LsList } from "./list.svg";
+export { ReactComponent as LsRefresh2 } from "./refresh2.svg";

src/dev.js

@@ -1,7 +1,7 @@
 import { Button } from "./components/Common/Button/Button";
 
-const API_GATEWAY = process.env.API_GATEWAY;
-const LS_ACCESS_TOKEN = process.env.LS_ACCESS_TOKEN;
+const API_GATEWAY = process.env.API_GATEWAY || process.env.NX_API_GATEWAY;
+const LS_ACCESS_TOKEN = process.env.LS_ACCESS_TOKEN || process.env.NX_LS_ACCESS_TOKEN;
 
 /**
  * @param {import("../src/sdk/dm-sdk").DataManager} DataManager

src/sdk/lsf-sdk.js

@@ -332,6 +332,8 @@ export class LSFWrapper {
   }
 
   setLSFTask(task, annotationID, fromHistory) {
+    if (!this.lsf) return;
+
     const hasChangedTasks = this.lsf?.task?.id !== task?.id && task?.id;
 
     this.setLoading(true, hasChangedTasks);

webpack.config-builder.js

@@ -307,6 +307,7 @@ module.exports = ({ withDevServer = false } = {}) => ({
         use: [{
           loader: '@svgr/webpack',
           options: {
+            exportType: 'named',
             ref: true,
           },
         }],