From 00df4a1f31344b953b6216eaa751f82bc84a6b87 Mon Sep 17 00:00:00 2001
From: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
Date: Wed, 25 Mar 2020 16:57:59 -0300
Subject: [PATCH] table components props into the same doc page

---
 platform/ui/src/components/Table/Table.mdx    | 33 +++++++++++------
 .../ui/src/components/TableBody/TableBody.mdx | 36 -------------------
 .../ui/src/components/TableCell/TableCell.mdx | 36 -------------------
 .../ui/src/components/TableHead/TableHead.mdx | 36 -------------------
 .../ui/src/components/TableRow/TableRow.mdx   | 36 -------------------
 5 files changed, 22 insertions(+), 155 deletions(-)
 delete mode 100644 platform/ui/src/components/TableBody/TableBody.mdx
 delete mode 100644 platform/ui/src/components/TableCell/TableCell.mdx
 delete mode 100644 platform/ui/src/components/TableHead/TableHead.mdx
 delete mode 100644 platform/ui/src/components/TableRow/TableRow.mdx

diff --git a/platform/ui/src/components/Table/Table.mdx b/platform/ui/src/components/Table/Table.mdx
index d049ed3a6..72427f7bc 100644
--- a/platform/ui/src/components/Table/Table.mdx
+++ b/platform/ui/src/components/Table/Table.mdx
@@ -13,8 +13,11 @@ Tables display sets of data.
 
 ## Import
 
+Check the given example below to see how to import each component to create a
+table.
+
 ```javascript
-import { Table } from '@ohif/ui';
+import { Table, TableBody, TableCell, TableHead, TableRow } from '@ohif/ui';
 ```
 
 ## Basic usage
@@ -96,16 +99,24 @@ Table has full width by default. If you want to change its width, you will have
 to set the `fullWidth` prop to `false` and then define your own table width by
 passing a `className` or `style`.
 
-## Table components
-
-<Link to="components/table-head">TableHead</Link>
-<br />
-<Link to="components/table-body">TableBody</Link>
-<br />
-<Link to="components/table-row">TableRow</Link>
-<br />
-<Link to="components/table-cell">TableCell</Link>
-
 ## Properties
 
+### Table Props
+
 <Props of={Table} />
+
+### TableHead Props
+
+<Props of={TableHead} />
+
+### TableBody Props
+
+<Props of={TableBody} />
+
+### TableRow Props
+
+<Props of={TableRow} />
+
+### TableCell Props
+
+<Props of={TableCell} />
diff --git a/platform/ui/src/components/TableBody/TableBody.mdx b/platform/ui/src/components/TableBody/TableBody.mdx
deleted file mode 100644
index 159fa2cd2..000000000
--- a/platform/ui/src/components/TableBody/TableBody.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
----
-name: Table Body
-menu: Components
-route: components/table-body
----
-
-import { Playground, Props, Link } from 'docz';
-import { TableBody } from '@ohif/ui';
-
-# Table Body
-
-## Import
-
-```javascript
-import { TableBody } from '@ohif/ui';
-```
-
-## Basic usage
-
-<div>
-  For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
-</div>
-
-## Table components
-
-<Link to="components/table-head">TableHead</Link>
-<br />
-<Link to="components/table-body">TableBody</Link>
-<br />
-<Link to="components/table-row">TableRow</Link>
-<br />
-<Link to="components/table-cell">TableCell</Link>
-
-## Properties
-
-<Props of={TableBody} />
diff --git a/platform/ui/src/components/TableCell/TableCell.mdx b/platform/ui/src/components/TableCell/TableCell.mdx
deleted file mode 100644
index b92606d1c..000000000
--- a/platform/ui/src/components/TableCell/TableCell.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
----
-name: Table Cell
-menu: Components
-route: components/table-cell
----
-
-import { Playground, Props, Link } from 'docz';
-import { TableCell } from '@ohif/ui';
-
-# Table Cell
-
-## Import
-
-```javascript
-import { TableCell } from '@ohif/ui';
-```
-
-## Basic usage
-
-<div>
-  For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
-</div>
-
-## Table components
-
-<Link to="components/table-head">TableHead</Link>
-<br />
-<Link to="components/table-body">TableBody</Link>
-<br />
-<Link to="components/table-row">TableRow</Link>
-<br />
-<Link to="components/table-cell">TableCell</Link>
-
-## Properties
-
-<Props of={TableCell} />
diff --git a/platform/ui/src/components/TableHead/TableHead.mdx b/platform/ui/src/components/TableHead/TableHead.mdx
deleted file mode 100644
index 9197cf959..000000000
--- a/platform/ui/src/components/TableHead/TableHead.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
----
-name: Table Head
-menu: Components
-route: components/table-head
----
-
-import { Playground, Props, Link } from 'docz';
-import { TableHead } from '@ohif/ui';
-
-# Table Head
-
-## Import
-
-```javascript
-import { TableHead } from '@ohif/ui';
-```
-
-## Basic usage
-
-<div>
-  For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
-</div>
-
-## Table components
-
-<Link to="components/table-head">TableHead</Link>
-<br />
-<Link to="components/table-body">TableBody</Link>
-<br />
-<Link to="components/table-row">TableRow</Link>
-<br />
-<Link to="components/table-cell">TableCell</Link>
-
-## Properties
-
-<Props of={TableHead} />
diff --git a/platform/ui/src/components/TableRow/TableRow.mdx b/platform/ui/src/components/TableRow/TableRow.mdx
deleted file mode 100644
index 8fa75556a..000000000
--- a/platform/ui/src/components/TableRow/TableRow.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
----
-name: Table Row
-menu: Components
-route: components/table-row
----
-
-import { Playground, Props, Link } from 'docz';
-import { TableRow } from '@ohif/ui';
-
-# Table Row
-
-## Import
-
-```javascript
-import { TableRow } from '@ohif/ui';
-```
-
-## Basic usage
-
-<div>
-  For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
-</div>
-
-## Table components
-
-<Link to="components/table-head">TableHead</Link>
-<br />
-<Link to="components/table-body">TableBody</Link>
-<br />
-<Link to="components/table-row">TableRow</Link>
-<br />
-<Link to="components/table-cell">TableCell</Link>
-
-## Properties
-
-<Props of={TableRow} />