chore: Update Zapier integration (no longer invite-only)
fix: Remove link to Zapier integration from self-hosted as it doesnt make sense
This commit is contained in:
@@ -31,6 +31,8 @@ import SlackIcon from "./icons/Slack";
|
||||
import ZapierIcon from "./icons/Zapier";
|
||||
import env from "env";
|
||||
|
||||
const isHosted = env.DEPLOYMENT === "hosted";
|
||||
|
||||
type Props = {
|
||||
history: RouterHistory,
|
||||
policies: PoliciesStore,
|
||||
@@ -139,14 +141,16 @@ class SettingsSidebar extends React.Component<Props> {
|
||||
icon={<SlackIcon color="currentColor" />}
|
||||
label="Slack"
|
||||
/>
|
||||
<SidebarLink
|
||||
to="/settings/integrations/zapier"
|
||||
icon={<ZapierIcon color="currentColor" />}
|
||||
label="Zapier"
|
||||
/>
|
||||
{isHosted && (
|
||||
<SidebarLink
|
||||
to="/settings/integrations/zapier"
|
||||
icon={<ZapierIcon color="currentColor" />}
|
||||
label="Zapier"
|
||||
/>
|
||||
)}
|
||||
</Section>
|
||||
)}
|
||||
{can.update && env.DEPLOYMENT !== "hosted" && (
|
||||
{can.update && !isHosted && (
|
||||
<Section>
|
||||
<Header>Installation</Header>
|
||||
<Version />
|
||||
|
||||
@@ -5,37 +5,28 @@ import CenteredContent from "components/CenteredContent";
|
||||
import HelpText from "components/HelpText";
|
||||
import PageTitle from "components/PageTitle";
|
||||
|
||||
class Zapier extends React.Component<*> {
|
||||
goToZapier = () => {
|
||||
window.open(
|
||||
"https://zapier.com/platform/public-invite/5927/a0b2747dbb017723b55fc54f4f0cdcae/"
|
||||
);
|
||||
};
|
||||
render() {
|
||||
return (
|
||||
<CenteredContent>
|
||||
<PageTitle title="Zapier" />
|
||||
<h1>Zapier</h1>
|
||||
<HelpText>
|
||||
There is now an Outline app on{" "}
|
||||
<a
|
||||
href="https://zapier.com"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Zapier
|
||||
</a>{" "}
|
||||
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.
|
||||
</HelpText>
|
||||
<p>
|
||||
<Button onClick={this.goToZapier}>Zapier Public Invite</Button>
|
||||
</p>
|
||||
</CenteredContent>
|
||||
);
|
||||
}
|
||||
function Zapier() {
|
||||
return (
|
||||
<CenteredContent>
|
||||
<PageTitle title="Zapier" />
|
||||
<h1>Zapier</h1>
|
||||
<HelpText>
|
||||
Zapier is a platform that allows Outline to easily integrate with
|
||||
thousands of other business tools. Head over to Zapier to setup a "Zap"
|
||||
and start programmatically interacting with Outline.
|
||||
</HelpText>
|
||||
<p>
|
||||
<Button
|
||||
as="a"
|
||||
href="https://zapier.com/apps/outline"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Open Zapier →
|
||||
</Button>
|
||||
</p>
|
||||
</CenteredContent>
|
||||
);
|
||||
}
|
||||
|
||||
export default Zapier;
|
||||
|
||||
Reference in New Issue
Block a user