968a3eefde
* ui: migrating old components -> ant * ui: moving input, tooltip, toggler, checkbox... -> Toggler\s*(.)? from 'UI * ui: more components moved * ui: move popover to ant
29 lines
790 B
JavaScript
29 lines
790 B
JavaScript
import React from 'react'
|
|
import { Icon } from 'UI'
|
|
import { Button } from 'antd'
|
|
import { CLIENT_TABS, client as clientRoute } from 'App/routes';
|
|
import { withRouter } from 'react-router-dom';
|
|
|
|
function IntegrateSlackTeamsButton({ history }) {
|
|
|
|
const gotoPreferencesIntegrations = () => {
|
|
history.push(clientRoute(CLIENT_TABS.INTEGRATIONS));
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
<Button
|
|
className="my-auto mt-2 mb-2 flex items-center gap-2"
|
|
onClick={gotoPreferencesIntegrations}
|
|
type="text"
|
|
>
|
|
<Icon name="integrations/slack" size={16} />
|
|
<Icon name="integrations/teams" size={24} className="mr-2 ml-1" />
|
|
|
|
<span>Integrate Slack or MS Teams</span>
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default withRouter(IntegrateSlackTeamsButton)
|