fix(ui): list view crash when using a code field type (#7994)

paulpopus · web-flow · commit e25730f95cc0 · 2024-08-30T12:47:33.000-06:00
diff --git a/packages/ui/src/elements/Table/DefaultCell/fields/Code/index.tsx b/packages/ui/src/elements/Table/DefaultCell/fields/Code/index.tsx
@@ -10,7 +10,7 @@ export interface CodeCellProps extends DefaultCellComponentProps<string, CodeFie
 }
 
 export const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {
-  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData
+  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData
 
   const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}
 

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export interface CodeCellProps extends DefaultCellComponentProps<string, CodeFie`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`export const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {`
`13`		- const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData
	`13`	+ const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData
`14`	`14`
`15`	`15`	`const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}`
`16`	`16`