Display columns on Record Board (#3626)

* Display columns on Record board

* Fix

* Fix according to review

* Fix

packages/twenty-front/src/modules/object-record/utils/computeRecordBoardColumnDefinitionsFromObjectMetadata.ts

@@ -0,0 +1,39 @@
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { RecordBoardColumnDefinition } from '@/object-record/record-board/types/RecordBoardColumnDefinition';
+import { IconPencil } from '@/ui/display/icon';
+import { FieldMetadataType } from '~/generated-metadata/graphql';
+
+export const computeRecordBoardColumnDefinitionsFromObjectMetadata = (
+  objectMetadataItem: ObjectMetadataItem,
+  navigateToSelectSettings: () => void,
+): RecordBoardColumnDefinition[] => {
+  const selectFieldMetadataItem = objectMetadataItem.fields.find(
+    (field) => field.type === FieldMetadataType.Select,
+  );
+
+  if (!selectFieldMetadataItem) {
+    return [];
+  }
+
+  if (!selectFieldMetadataItem.options) {
+    throw new Error(
+      `Select Field ${objectMetadataItem.nameSingular} has no options`,
+    );
+  }
+
+  return selectFieldMetadataItem.options.map((selectOption) => ({
+    id: selectOption.id,
+    title: selectOption.label,
+    color: selectOption.color,
+    position: selectOption.position,
+    actions: [
+      {
+        id: 'edit',
+        label: 'Edit from settings',
+        icon: IconPencil,
+        position: 0,
+        callback: navigateToSelectSettings,
+      },
+    ],
+  }));
+};