From e26778b353caf795d01090c77fc0aa99fce79b0c Mon Sep 17 00:00:00 2001
From: pochretien <pochretien@coveo.com>
Date: Tue, 28 Jan 2020 12:35:24 -0500
Subject: [PATCH] fix(types): improve types in table improve table loading
 examples

---
 .../examples/TableHOCLoadingExamples.tsx      | 64 ++++++++-----------
 1 file changed, 28 insertions(+), 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
index 713d274661..66eb61848f 100644
--- 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'}),