style(docs): update formatting of Menu and Table examples (#1938)

Semantic-Org · Aug 10, 2017 · 4a06b85 · 4a06b85
1 parent 0aecfea
commit 4a06b85
Show file tree

Hide file tree

Showing 56 changed files with 1,933 additions and 2,042 deletions.
diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js
@@ -1,18 +1,16 @@
 import React from 'react'
 import { Button, Menu } from 'semantic-ui-react'
 
-const MenuExampleButtons = () => {
-  return (
-    <Menu>
-      <Menu.Item>
-        <Button primary>Sign up</Button>
-      </Menu.Item>
+const MenuExampleButtons = () => (
+  <Menu>
+    <Menu.Item>
+      <Button primary>Sign up</Button>
+    </Menu.Item>
 
-      <Menu.Item>
-        <Button>Log-in</Button>
-      </Menu.Item>
-    </Menu>
-  )
-}
+    <Menu.Item>
+      <Button>Log-in</Button>
+    </Menu.Item>
+  </Menu>
+)
 
 export default MenuExampleButtons
diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js
@@ -1,18 +1,16 @@
 import React from 'react'
 import { Dropdown, Menu } from 'semantic-ui-react'
 
-const MenuExampleDropdownItem = () => {
-  return (
-    <Menu vertical>
-      <Dropdown item text='Categories'>
-        <Dropdown.Menu>
-          <Dropdown.Item>Electronics</Dropdown.Item>
-          <Dropdown.Item>Automotive</Dropdown.Item>
-          <Dropdown.Item>Home</Dropdown.Item>
-        </Dropdown.Menu>
-      </Dropdown>
-    </Menu>
-  )
-}
+const MenuExampleDropdownItem = () => (
+  <Menu vertical>
+    <Dropdown item text='Categories'>
+      <Dropdown.Menu>
+        <Dropdown.Item>Electronics</Dropdown.Item>
+        <Dropdown.Item>Automotive</Dropdown.Item>
+        <Dropdown.Item>Home</Dropdown.Item>
+      </Dropdown.Menu>
+    </Dropdown>
+  </Menu>
+)
 
 export default MenuExampleDropdownItem
diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js b/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
 export default class MenuExampleHeaderVertical extends Component {
-  handleItemClick = (name) => this.setState({ activeItem: name })
+  handleItemClick = name => this.setState({ activeItem: name })
 
   render() {
     const { activeItem } = this.state || {}

diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js b/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js
@@ -1,18 +1,16 @@
 import React from 'react'
 import { Input, Menu } from 'semantic-ui-react'
 
-const MenuExampleInputs = () => {
-  return (
-    <Menu>
-      <Menu.Item>
-        <Input className='icon' icon='search' placeholder='Search...' />
-      </Menu.Item>
+const MenuExampleInputs = () => (
+  <Menu>
+    <Menu.Item>
+      <Input className='icon' icon='search' placeholder='Search...' />
+    </Menu.Item>
 
-      <Menu.Item position='right'>
-        <Input action={{ type: 'submit', content: 'Go' }} placeholder='Navigate to...' />
-      </Menu.Item>
-    </Menu>
-  )
-}
+    <Menu.Item position='right'>
+      <Input action={{ type: 'submit', content: 'Go' }} placeholder='Navigate to...' />
+    </Menu.Item>
+  </Menu>
+)
 
 export default MenuExampleInputs
diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js b/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js
@@ -19,15 +19,15 @@ export default class MenuExampleMenus extends Component {
           Submit
         </Menu.Item>
 
-       <Menu.Menu position='right'>
-         <Menu.Item name='signup' active={activeItem === 'signup'} onClick={this.handleItemClick}>
+        <Menu.Menu position='right'>
+          <Menu.Item name='signup' active={activeItem === 'signup'} onClick={this.handleItemClick}>
            Sign Up
-         </Menu.Item>
+          </Menu.Item>
 
-         <Menu.Item name='help' active={activeItem === 'help'} onClick={this.handleItemClick}>
+          <Menu.Item name='help' active={activeItem === 'help'} onClick={this.handleItemClick}>
            Help
-         </Menu.Item>
-       </Menu.Menu>
+          </Menu.Item>
+        </Menu.Menu>
       </Menu>
     )
   }

diff --git a/docs/app/Examples/collections/Menu/Content/index.js b/docs/app/Examples/collections/Menu/Content/index.js
@@ -6,71 +6,69 @@ import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
 // TODO: Add example with <Popup> after it will be added
 // TODO: Add example with <Search> after it will be added
 
-const Content = () => {
-  return (
-    <ExampleSection title='Content'>
-      <ComponentExample
-        title='Header'
-        description='A menu item may include a header or may itself be a header.'
-        examplePath='collections/Menu/Content/MenuExampleHeader'
-      />
-      <ComponentExample examplePath='collections/Menu/Content/MenuExampleHeaderVertical' />
+const Content = () => (
+  <ExampleSection title='Content'>
+    <ComponentExample
+      title='Header'
+      description='A menu item may include a header or may itself be a header.'
+      examplePath='collections/Menu/Content/MenuExampleHeader'
+    />
+    <ComponentExample examplePath='collections/Menu/Content/MenuExampleHeaderVertical' />
 
-      <ComponentExample
-        title='Text'
-        description='A vertical menu item can include any type of text content.'
-        examplePath='collections/Menu/Content/MenuExampleText'
-      />
+    <ComponentExample
+      title='Text'
+      description='A vertical menu item can include any type of text content.'
+      examplePath='collections/Menu/Content/MenuExampleText'
+    />
 
-      <ComponentExample
-        title='Input'
-        description='A menu item can contain an input inside of it.'
-        examplePath='collections/Menu/Content/MenuExampleInputs'
-      />
+    <ComponentExample
+      title='Input'
+      description='A menu item can contain an input inside of it.'
+      examplePath='collections/Menu/Content/MenuExampleInputs'
+    />
 
-      <ComponentExample
-        title='Button'
-        description='A menu item can contain a button inside of it.'
-        examplePath='collections/Menu/Content/MenuExampleButtons'
-      />
+    <ComponentExample
+      title='Button'
+      description='A menu item can contain a button inside of it.'
+      examplePath='collections/Menu/Content/MenuExampleButtons'
+    />
 
-      <ComponentExample
-        title='Link Item'
-        description='A menu may contain a link item, or an item formatted as if it is a link.'
-        examplePath='collections/Menu/Content/MenuExampleLinkItem'
-      />
+    <ComponentExample
+      title='Link Item'
+      description='A menu may contain a link item, or an item formatted as if it is a link.'
+      examplePath='collections/Menu/Content/MenuExampleLinkItem'
+    />
 
-       <ComponentExample
-         title='Dropdown Item'
-         description='An item may contain a nested menu in a dropdown.'
-         examplePath='collections/Menu/Content/MenuExampleDropdownItem'
-       />
+    <ComponentExample
+      title='Dropdown Item'
+      description='An item may contain a nested menu in a dropdown.'
+      examplePath='collections/Menu/Content/MenuExampleDropdownItem'
+    />
 
-      {/* <ComponentExample*/}
-        {/* title='Popup Menu'*/}
-        {/* description='A menu item may show a large menu, or additional content using a popup'*/}
-        {/* examplePath='collections/Menu/Content/Popups'*/}
-      {/* />*/}
+    {/* <ComponentExample */}
+    {/* title='Popup Menu' */}
+    {/* description='A menu item may show a large menu, or additional content using a popup' */}
+    {/* examplePath='collections/Menu/Content/Popups' */}
+    {/* /> */}
 
-      {/* <ComponentExample*/}
-        {/* title='Search'*/}
-        {/* description='A menu can contain a search input'*/}
-        {/* examplePath='collections/Menu/Content/Search'*/}
-      {/* />*/}
+    {/* <ComponentExample */}
+    {/* title='Search' */}
+    {/* description='A menu can contain a search input' */}
+    {/* examplePath='collections/Menu/Content/Search' */}
+    {/* /> */}
 
-       <ComponentExample
-         title='Menu'
-         description='A menu may contain another menu group in the same level as menu items.'
-         examplePath='collections/Menu/Content/MenuExampleMenus'
-       />
+    <ComponentExample
+      title='Menu'
+      description='A menu may contain another menu group in the same level as menu items.'
+      examplePath='collections/Menu/Content/MenuExampleMenus'
+    />
 
-      <ComponentExample
-        title='Sub Menu'
-        description='A menu item may contain another menu nested inside that acts as a grouped sub-menu.'
-        examplePath='collections/Menu/Content/MenuExampleSubMenu'
-      />
-    </ExampleSection>
-  )
-}
+    <ComponentExample
+      title='Sub Menu'
+      description='A menu item may contain another menu nested inside that acts as a grouped sub-menu.'
+      examplePath='collections/Menu/Content/MenuExampleSubMenu'
+    />
+  </ExampleSection>
+)
 
 export default Content
diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleActive.js b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js
@@ -1,14 +1,12 @@
 import React from 'react'
 import { Menu } from 'semantic-ui-react'
 
-const MenuExampleActive = () => {
-  return (
-    <Menu compact>
-      <Menu.Item active>
+const MenuExampleActive = () => (
+  <Menu compact>
+    <Menu.Item active>
         Link
-      </Menu.Item>
-    </Menu>
-  )
-}
+    </Menu.Item>
+  </Menu>
+)
 
 export default MenuExampleActive
diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js b/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js
@@ -1,14 +1,12 @@
 import React from 'react'
 import { Menu } from 'semantic-ui-react'
 
-const MenuExampleDisabled = () => {
-  return (
-    <Menu compact>
-      <Menu.Item disabled>
+const MenuExampleDisabled = () => (
+  <Menu compact>
+    <Menu.Item disabled>
         Link
-      </Menu.Item>
-    </Menu>
-  )
-}
+    </Menu.Item>
+  </Menu>
+)
 
 export default MenuExampleDisabled
diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleHover.js b/docs/app/Examples/collections/Menu/States/MenuExampleHover.js
@@ -1,13 +1,11 @@
 import React from 'react'
 import { Menu } from 'semantic-ui-react'
 
-const MenuExampleHover = () => {
-  return (
-    <Menu compact>
-      <Menu.Item as='a'>A link</Menu.Item>
-      <Menu.Item link>div Link</Menu.Item>
-    </Menu>
-  )
-}
+const MenuExampleHover = () => (
+  <Menu compact>
+    <Menu.Item as='a'>A link</Menu.Item>
+    <Menu.Item link>div Link</Menu.Item>
+  </Menu>
+)
 
 export default MenuExampleHover
diff --git a/docs/app/Examples/collections/Menu/States/index.js b/docs/app/Examples/collections/Menu/States/index.js
@@ -3,28 +3,26 @@ import React from 'react'
 import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'
 import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
 
-const States = () => {
-  return (
-    <ExampleSection title='States'>
-      <ComponentExample
-        title='Hover'
-        description='A menu item can be hovered.'
-        examplePath='collections/Menu/States/MenuExampleHover'
-      />
+const States = () => (
+  <ExampleSection title='States'>
+    <ComponentExample
+      title='Hover'
+      description='A menu item can be hovered.'
+      examplePath='collections/Menu/States/MenuExampleHover'
+    />
 
-      <ComponentExample
-        title='Active'
-        description='A menu item can be active.'
-        examplePath='collections/Menu/States/MenuExampleActive'
-      />
+    <ComponentExample
+      title='Active'
+      description='A menu item can be active.'
+      examplePath='collections/Menu/States/MenuExampleActive'
+    />
 
-      <ComponentExample
-        title='Disabled'
-        description='A menu item can be disabled.'
-        examplePath='collections/Menu/States/MenuExampleDisabled'
-      />
-    </ExampleSection>
-  )
-}
+    <ComponentExample
+      title='Disabled'
+      description='A menu item can be disabled.'
+      examplePath='collections/Menu/States/MenuExampleDisabled'
+    />
+  </ExampleSection>
+)
 
 export default States