Convert NbItmesField to ts

marmelab · Mar 12, 2020 · 90caa62 · 90caa62
1 parent 7f9c9d5
commit 90caa62
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/examples/demo/src/orders/NbItemsField.js b/examples/demo/src/orders/NbItemsField.js
diff --git a/examples/demo/src/orders/NbItemsField.tsx b/examples/demo/src/orders/NbItemsField.tsx
@@ -0,0 +1,20 @@
+import React, { FC, ReactElement, ComponentType } from 'react';
+import { FunctionField } from 'react-admin';
+import { Order, FieldProps } from '../types';
+
+const render = (record: Order) => record.basket.length;
+
+interface NbItemsFieldProps extends FieldProps {
+    textAlign?: string;
+}
+
+const NbItemsField: FC<NbItemsFieldProps> = props => (
+    <FunctionField {...props} render={render} />
+);
+
+NbItemsField.defaultProps = {
+    label: 'Nb Items',
+    textAlign: 'right',
+};
+
+export default NbItemsField;