diff --git a/app/components/Sidebar/Settings.js b/app/components/Sidebar/Settings.js index bfcd414ce..2ed60a8db 100644 --- a/app/components/Sidebar/Settings.js +++ b/app/components/Sidebar/Settings.js @@ -4,13 +4,14 @@ import { observer, inject } from 'mobx-react'; import { DocumentIcon, ProfileIcon, - SettingsIcon, PadlockIcon, CodeIcon, UserIcon, LinkIcon, TeamIcon, } from 'outline-icons'; +import ZapierIcon from './icons/Zapier'; +import SlackIcon from './icons/Slack'; import Flex from 'shared/components/Flex'; import Sidebar, { Section } from './Sidebar'; @@ -82,10 +83,16 @@ class SettingsSidebar extends React.Component { {user.isAdmin && (
Integrations
- + } + > Slack - + } + > Zapier
diff --git a/app/components/Sidebar/icons/Slack.js b/app/components/Sidebar/icons/Slack.js new file mode 100644 index 000000000..133b14be8 --- /dev/null +++ b/app/components/Sidebar/icons/Slack.js @@ -0,0 +1,17 @@ +// @flow +import * as React from 'react'; + +export default function SlackIcon(props: *) { + return ( + + + + ); +} diff --git a/app/components/Sidebar/icons/Zapier.js b/app/components/Sidebar/icons/Zapier.js new file mode 100644 index 000000000..a772c7450 --- /dev/null +++ b/app/components/Sidebar/icons/Zapier.js @@ -0,0 +1,17 @@ +// @flow +import * as React from 'react'; + +export default function ZapierIcon(props: *) { + return ( + + + + ); +} diff --git a/app/menus/RevisionMenu.js b/app/menus/RevisionMenu.js index e1000e78e..a1a3a1043 100644 --- a/app/menus/RevisionMenu.js +++ b/app/menus/RevisionMenu.js @@ -7,7 +7,7 @@ import { MoreIcon } from 'outline-icons'; import CopyToClipboard from 'components/CopyToClipboard'; import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu'; import { documentHistoryUrl } from 'utils/routeHelpers'; -import { Revision } from 'types'; +import type { Revision } from 'types'; import Document from 'models/Document'; import UiStore from 'stores/UiStore'; diff --git a/app/scenes/Settings/Zapier.js b/app/scenes/Settings/Zapier.js index a0c7b5ed4..ff047bf8f 100644 --- a/app/scenes/Settings/Zapier.js +++ b/app/scenes/Settings/Zapier.js @@ -3,14 +3,36 @@ import * as React from 'react'; import CenteredContent from 'components/CenteredContent'; import PageTitle from 'components/PageTitle'; import HelpText from 'components/HelpText'; +import Button from 'components/Button'; class Zapier extends React.Component<*> { + goToZapier = () => { + window.open( + 'https://zapier.com/platform/public-invite/5927/a0b2747dbb017723b55fc54f4f0cdcae/' + ); + }; render() { return (

Zapier

- Boop + + There is now an Outline app on{' '} + + Zapier + {' '} + to allow easy integration with hundreds of other business services. It + is currently in early access, to use the integration and hook up to + your wiki simply accept the public invite below. All configuration is + done within Zapier itself. + +

+ +

); }