1 files changed, 24 insertions, 0 deletions
diff --git a/src/client/views/collections/collectionSchema/SchemaTableCell.tsx b/src/client/views/collections/collectionSchema/SchemaTableCell.tsx
new file mode 100644
index 000000000..1eb5e0e01
--- /dev/null
+++ b/src/client/views/collections/collectionSchema/SchemaTableCell.tsx
@@ -0,0 +1,24 @@
+import React = require('react');
+import { observer } from 'mobx-react';
+import { Doc, Field } from '../../../../fields/Doc';
+import { StrCast } from '../../../../fields/Types';
+import './CollectionSchemaView.scss';
+
+export interface SchemaTableCellProps {
+    Document: Doc;
+    fieldKey: string;
+    columnWidth: number;
+}
+
+@observer
+export class SchemaTableCell extends React.Component<SchemaTableCellProps> {
+    render() {
+        return (
+            <div className="schema-table-cell" style={{ width: this.props.columnWidth }}>
+                {/* {StrCast(this.props.Document[this.props.fieldKey])} */}
+                {/* Field.toKeyValueString(this.props.Document, this.props.fieldKey) */}
+                {Field.toString(this.props.Document[this.props.fieldKey] as Field)}
+            </div>
+        );
+    }
+}