fix(backoffice-v2): no longer sharing data between cases (different workflows)

Author: Omri-Levy

apps/backoffice-v2/src/common/utils/key-factory/key-factory.ts

@@ -0,0 +1,3 @@
+export const keyFactory = (...keys: Array<string>) => {
+  return keys?.join(':');
+};

apps/backoffice-v2/src/pages/Entity/Entity.page.tsx

@@ -9,7 +9,7 @@ export const Entity = () => {
 
   // Selected entity
   return (
-    <Case>
+    <Case key={workflow?.id}>
       {/* Reject and approve header */}
       <Case.Actions
         id={workflow?.id}

apps/backoffice-v2/src/pages/Entity/components/EditableDetails/EditableDetails.tsx

@@ -20,6 +20,7 @@ import { SelectTrigger } from '../../../../common/components/atoms/Select/Select
 import { SelectValue } from '../../../../common/components/atoms/Select/Select.Value';
 import { Select } from '../../../../common/components/atoms/Select/Select';
 import { useWatchDropdownOptions } from './hooks/useWatchDropdown';
+import { keyFactory } from '../../../../common/utils/key-factory/key-factory';
 
 const useInitialCategorySetValue = ({ form, data }) => {
   useEffect(() => {
@@ -143,9 +144,12 @@ export const EditableDetails: FunctionComponent<IEditableDetails> = ({
                           </SelectTrigger>
                         </FormControl>
                         <SelectContent>
-                          {dropdownOptions?.map(({ label, value }) => {
+                          {dropdownOptions?.map(({ label, value }, index) => {
                             return (
-                              <SelectItem key={value} value={value}>
+                              <SelectItem
+                                key={keyFactory(id, valueId, label, index?.toString())}
+                                value={value}
+                              >
                                 {label}
                               </SelectItem>
                             );