PLACEHOLDER: illustrative commit showing how removing from resources.js allows test to pass

Author: ml-evs

webapp/src/components/FormattedItemName.vue

@@ -20,7 +20,6 @@
 </template>
 
 <script>
-import { itemTypes } from "@/resources.js";
 import ChemicalFormula from "@/components/ChemicalFormula.vue";
 
 export default {
@@ -30,6 +29,17 @@ export default {
   props: {
     item_id: { type: String, required: true },
     itemType: { type: String, required: true },
+    itemTypes: {
+      type: Object,
+      default: () => ({
+        samples: { lightColor: "#d0ebfb" },
+        starting_materials: { lightColor: "#d9f2eb" },
+        cells: { lightColor: "#D1C28F" },
+        collections: { lightColor: "#cbd6f7" },
+        users: { lightColor: "mediumseagreen" },
+        equipment: { lightColor: "#f7d6a1" },
+      }),
+    },
     selecting: {
       type: Boolean,
       default: false,
@@ -58,7 +68,7 @@ export default {
   emits: ["itemIdClicked"],
   computed: {
     badgeColor() {
-      return itemTypes[this.itemType]?.lightColor || "LightGrey";
+      return this.itemTypes[this.itemType]?.lightColor || "LightGrey";
     },
     shortenedName() {
       if (this.maxLength && this.maxLength < this.name.length) {