[OGUI-1774] Bugfix: get object by ID properly if in object view from a layout (#3084)

* get object by name or id, based on a context
* patch qcg to v3.15.1

Author: mariscalromeroalejandro

QualityControl/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@aliceo2/qc",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "description": "O2 Quality Control Web User Interface",
   "author": "George Raduta",
   "contributors": [

QualityControl/package.json

@@ -122,7 +122,7 @@ export default class QCObject extends BaseViewModel {
    * @returns {undefined}
    */
   sortListByField(listSource, field, order) {
-    listSource.sort((a, b) => typeof a[field] === 'string' ?
+    listSource?.sort((a, b) => typeof a[field] === 'string' ?
       this._compareStrings(a[field], b[field], order) :
       this._compareNumbers(a[field], b[field], order));
   }
@@ -310,7 +310,8 @@ export default class QCObject extends BaseViewModel {
     await Promise.allSettled(objectsName.map(async (objectName) => {
       let fetchedData = null;
       if (this.objects[objectName]?.isSuccess() && this.objects[objectName]?.payload?.name) {
-        const { refreshNeeded, data } = await this.checkIfRefreshObject(this.objects[objectName].payload);
+        const context = { objectName };
+        const { refreshNeeded, data } = await this.checkIfRefreshObject(this.objects[objectName].payload, context);
         fetchedData = data;
         if (!refreshNeeded) {
           return;
@@ -571,11 +572,32 @@ export default class QCObject extends BaseViewModel {
    * @param {object} object - The object to check for refresh.
    * @param {string} object.name - The name of the object to look up.
    * @param {string|number} object.id - The current ID of the object being validated.
+   * @param {object} context - Additional context to determine fetch method
+   * @param {string} context.objectName - Object name from URL params
+   * @param {string} context.objectId - Object ID from URL params
    * @returns {Promise<boolean,RemoteData>} A promise that resolves to `true` if the object should be refreshed
    */
-  async checkIfRefreshObject(object) {
-    const fetchFn = async () =>
-      await this.model.services.object.getObjectByName(object.name, undefined, undefined, this);
+  async checkIfRefreshObject(object, context = {}) {
+    const { objectName, objectId } = context;
+
+    const fetchFn = async () => {
+      if (objectId) {
+        return await this.model.services.object.getObjectById(
+          objectId,
+          undefined,
+          undefined,
+          this,
+        );
+      } else {
+        return await this.model.services.object.getObjectByName(
+          objectName || object.name,
+          undefined,
+          undefined,
+          this,
+        );
+      }
+    };
+
     const validateFn = (result) =>
       result.isSuccess() && result.payload.id !== object.id;
     return this.model.filterModel.refreshCheck(fetchFn, validateFn);
@@ -590,7 +612,9 @@ export default class QCObject extends BaseViewModel {
       this.selected = null;
     }
     if (this.selected && this.selected.name) {
-      const { refreshNeeded, data } = await this.checkIfRefreshObject(this.objects[this.selected.name].payload);
+      const context = { objectName: this.selected.name };
+      const { refreshNeeded, data } =
+        await this.checkIfRefreshObject(this.objects[this.selected.name].payload, context);
       if (refreshNeeded && data?.payload) {
         this.select({ name: this.selected.name }, data.payload);
       }

QualityControl/public/object/QCObject.js

@@ -71,7 +71,8 @@ export default class ObjectViewModel extends BaseViewModel {
   async updateObjectSelection(object, validFrom = undefined, id = '') {
     const { objectName = undefined, objectId = undefined } = object;
     const { params } = this.model.router;
-    const { refreshNeeded, data } = await this.model.object.checkIfRefreshObject(this.selected.payload);
+    const context = { objectName: objectName || params.objectName, objectId: objectId || params.objectId };
+    const { refreshNeeded, data } = await this.model.object.checkIfRefreshObject(this.selected.payload, context);
     if (!refreshNeeded) {
       return;
     }
@@ -85,9 +86,15 @@ export default class ObjectViewModel extends BaseViewModel {
     }
 
     let currentParams = '?page=objectView';
-    this.selected = data ?? params.objectName
-      ? await this.model.services.object.getObjectByName(params.objectName, id, validFrom, this)
-      : await this.model.services.object.getObjectById(params.objectId, id, validFrom, this);
+
+    // Use refreshed data if available, otherwise fetch based on available parameters
+    if (data) {
+      this.selected = data;
+    } else if (params.objectName) {
+      this.selected = await this.model.services.object.getObjectByName(params.objectName, id, validFrom, this);
+    } else if (params.objectId) {
+      this.selected = await this.model.services.object.getObjectById(params.objectId, id, validFrom, this);
+    }
 
     setBrowserTabTitle(this.selected.payload.name);