feat: DIA-474: [FE] add new column for DE

src/components/CellViews/ProjectCell.js

@@ -0,0 +1,25 @@
+import { getRoot } from "mobx-state-tree";
+
+export const ProjectCell = (cell) => {
+  const { original, value } = cell;
+  const root = getRoot(original);
+  // TODO: turn this into a link to open the project later
+  const projectList = value
+    .map((projectRef) => (
+      root.taskStore.associatedList.find(proj => proj.id === projectRef.project_id)?.title
+    ))
+    .filter(Boolean);
+
+  return (
+    <div
+      style={{
+        maxHeight: "100%",
+        overflow: "hidden",
+        fontSize: 12,
+        lineHeight: "16px",
+      }}
+    >
+      {projectList && projectList.join(", ")}
+    </div>
+  );
+};

src/components/CellViews/index.js

@@ -13,3 +13,5 @@ export { NumberCell as Number } from "./NumberCell";
 export { StringCell as String } from "./StringCell";
 export { StringCell as Text } from "./StringCell";
 export { VideoCell as Video } from "./VideoCell";
+export { ProjectCell as Project } from './ProjectCell';
+