Show text on table cell

exogee-technology · Feb 19, 2025 · f86a9c5 · f86a9c5
1 parent fc9e6bd
commit f86a9c5
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git a/src/packages/admin-ui-components/src/detail-panel/fields/markdown-field/component.tsx b/src/packages/admin-ui-components/src/detail-panel/fields/markdown-field/component.tsx
@@ -6,7 +6,7 @@ import { EntityField } from '../../../utils';
 import { MenuBar } from './menu-bar';
 import styles from './styles.module.css';
 
-const extensions = [
+export const extensions = [
 	StarterKit.configure({
 		bulletList: {
 			keepMarks: true,

diff --git a/...es/admin-ui-components/src/detail-panel/fields/markdown-field/menu-bar/header-options.tsx b/...es/admin-ui-components/src/detail-panel/fields/markdown-field/menu-bar/header-options.tsx
@@ -45,9 +45,7 @@ export const HeaderOptions = (props: SectionProps) => {
 			{show.h1 ? (
 				<button
 					onClick={handleHeadingClick(1)}
-					className={
-						editor.isActive('paragraph') || editor.isActive('heading') ? styles.isActive : ''
-					}
+					className={editor.isActive('heading') ? styles.isActive : ''}
 				>
 					<EditorHIcon />
 				</button>

diff --git a/...ages/admin-ui-components/src/detail-panel/fields/markdown-field/menu-bar/list-options.tsx b/...ages/admin-ui-components/src/detail-panel/fields/markdown-field/menu-bar/list-options.tsx
@@ -66,7 +66,7 @@ export const ListOptions = (props: SectionProps) => {
 			return [undefined, []] as const;
 		}
 
-		const optionButtons = Object.values(buttons).filter((button) => button && button != mainButton);
+		const optionButtons = Object.values(buttons).filter((button) => button);
 
 		return [mainButton, optionButtons] as const;
 	}, [options, editor]);

diff --git a/src/packages/admin-ui-components/src/entity-list/columns.tsx b/src/packages/admin-ui-components/src/entity-list/columns.tsx
@@ -1,10 +1,11 @@
 import { CellContext, createColumnHelper } from '@tanstack/react-table';
 import { customFields } from 'virtual:graphweaver-user-supplied-custom-fields';
 import { Link } from 'react-router-dom';
-
-import { Entity, EntityField, routeFor } from '../utils';
+import { generateText, generateJSON } from '@tiptap/react';
+import { DetailPanelInputComponentOption, Entity, EntityField, routeFor } from '../utils';
 import { cells } from '../table/cells';
 import { Checkbox } from '../checkbox';
+import { extensions } from '../detail-panel/fields';
 
 const columnHelper = createColumnHelper<any>();
 
@@ -45,6 +46,17 @@ const cellForType = (field: EntityField, value: any, entityByType: (type: string
 		return value.join(', ');
 	}
 
+	if (field.detailPanelInputComponent?.name === DetailPanelInputComponentOption.MARKDOWN) {
+		if (!value) return null;
+		try {
+			const json = generateJSON(value, extensions);
+			return <div>{generateText(json, extensions)}</div>;
+		} catch (e) {
+			console.error(e);
+			return <div>{value}</div>;
+		}
+	}
+
 	// Ok, all we're left with is a simple value
 	return value;
 };