fix(types): improve types in table

improve table loading examples
coveo · Jan 28, 2020 · e26778b · e26778b
1 parent 329782e
commit e26778b
Showing 1 changed file with 28 additions and 36 deletions.
diff --git a/packages/react-vapor/src/components/table-hoc/examples/TableHOCLoadingExamples.tsx b/packages/react-vapor/src/components/table-hoc/examples/TableHOCLoadingExamples.tsx
@@ -26,44 +26,36 @@ const fiveDataRows = generateDataWithFacker(10);
 
 // start-print
 
-const TableLoadingExamplesWithDataNull: React.FunctionComponent = () => {
-    const tableId = 'TableLoadingExamples';
-    return (
-        <Section>
-            <TableLoadingComposed id={tableId} className="table" data={null} renderBody={generateTableRow} isLoading />
-        </Section>
-    );
-};
+const tableId = 'TableLoadingExamples';
+const TableLoadingExamplesWithDataNull: React.FunctionComponent = () => (
+    <Section>
+        <TableLoadingComposed id={tableId} className="table" data={null} renderBody={generateTableRow} isLoading />
+    </Section>
+);
 
-const TableLoadingExamplesWithData: React.FunctionComponent = () => {
-    const tableId = 'TableLoadingExamples';
-    return (
-        <Section>
-            <TableLoadingComposed
-                id={tableId}
-                className="table"
-                data={fiveDataRows}
-                renderBody={generateTableRow}
-                isLoading
-            />
-        </Section>
-    );
-};
+const TableLoadingExamplesWithData: React.FunctionComponent = () => (
+    <Section>
+        <TableLoadingComposed
+            id={tableId}
+            className="table"
+            data={fiveDataRows}
+            renderBody={generateTableRow}
+            isLoading
+        />
+    </Section>
+);
 
-const BigTableLoadingExample: React.FunctionComponent = () => {
-    const tableId = 'TableLoadingExamples';
-    return (
-        <Section>
-            <TableLoadingComposed
-                id={tableId}
-                className="table big-table"
-                data={fiveDataRows}
-                renderBody={generateTableRow}
-                isLoading
-            />
-        </Section>
-    );
-};
+const BigTableLoadingExample: React.FunctionComponent = () => (
+    <Section>
+        <TableLoadingComposed
+            id={tableId}
+            className="table big-table"
+            data={fiveDataRows}
+            renderBody={generateTableRow}
+            isLoading
+        />
+    </Section>
+);
 
 const TableLoadingComposed = _.compose(
     tableWithBlankSlate({title: 'No data caused the table to be empty'}),