diff --git a/docs/app/Examples/addons/Portal/Types/PortalExamplePortal.js b/docs/app/Examples/addons/Portal/Types/PortalExamplePortal.js index f9b22e346a..3971d1543b 100644 --- a/docs/app/Examples/addons/Portal/Types/PortalExamplePortal.js +++ b/docs/app/Examples/addons/Portal/Types/PortalExamplePortal.js @@ -1,35 +1,33 @@ -import React, { Component } from 'react'; -import { Portal, Button, Header, Segment, Container } from 'semantic-ui-react'; - +import React, { Component } from 'react' +import { Portal, Button, Header, Segment } from 'semantic-ui-react' class ExamplePortal extends Component { - constructor(props) { super(props) this.state = { - isPortalOpen: false + isPortalOpen: false, } - this.portalOpened = this.portalOpened.bind(this); - this.portalMounted = this.portalMounted.bind(this); - this.portalClosed = this.portalClosed.bind(this); + this.portalOpened = this.portalOpened.bind(this) + this.portalMounted = this.portalMounted.bind(this) + this.portalClosed = this.portalClosed.bind(this) } portalMounted() { - return alert('Portal mounted'); + return alert('Portal mounted') } portalOpened() { this.setState({ - isPortalOpen: true - }); - return alert('Portal opened. Please scroll down to view.'); + isPortalOpen: true, + }) + return alert('Portal opened. Please scroll down to view.') } portalClosed() { this.setState({ - isPortalOpen: false - }); - return alert('Portal closed'); + isPortalOpen: false, + }) + return alert('Portal closed') } render() { @@ -38,21 +36,19 @@ class ExamplePortal extends Component { openOnTriggerClick closeOnTriggerClick trigger={ - this.state.isPortalOpen ? - : - - } + this.state.isPortalOpen ? : } onMount={ this.portalMounted } onOpen={ this.portalOpened } - onClose={ this.portalClosed }> + onClose={ this.portalClosed } + >
This is an example portal

Portals have tons of great callback functions to hook into.

To close, simply click the close button or click away

- ); + ) } } -export default ExamplePortal; +export default ExamplePortal diff --git a/docs/app/Examples/addons/Portal/index.js b/docs/app/Examples/addons/Portal/index.js index 4302b2333a..bc40d4a968 100644 --- a/docs/app/Examples/addons/Portal/index.js +++ b/docs/app/Examples/addons/Portal/index.js @@ -1,9 +1,7 @@ -import React from 'react'; +import React from 'react' -import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'; -import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'; - -import ExamplePortal from './Types/PortalExamplePortal'; +import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' +import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' const PortalExampleTypesExamples = () => (