jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - add btn and other changes

Browse source
This commit is contained in:
Shekar Siri 2022-08-16 17:49:00 +02:00
parent dcb6c9ed4e
commit 8fca8f2ebf
2 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/app/components/Client/Webhooks/Webhooks.js
View file

@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import cn from 'classnames';
import withPageTitle from 'HOCs/withPageTitle';
import { Button, Loader, NoContent } from 'UI';
import { Button, Loader, NoContent, Icon } from 'UI';
import { init, fetchList, remove } from 'Duck/webhook';
import WebhookForm from './WebhookForm';
import ListItem from './ListItem';
@ -45,18 +45,21 @@ function Webhooks(props) {
<div>
<div className={styles.tabHeader}>
<h3 className={cn(styles.tabTitle, 'text-2xl')}>{'Webhooks'}</h3>
<Button rounded={true} icon="plus" variant="outline" onClick={() => init()} />
{/* <Button rounded={true} icon="plus" variant="outline" onClick={() => init()} /> */}
<Button variant="primary" onClick={() => init()}>Add</Button>
</div>
<div className="text-base text-disabled-text flex items-center mt-3">
<Icon name="info-circle-fill" className="mr-2" size={16} />
Leverage webhooks to push OpenReplay data to other systems.
</div>
<Loader loading={loading}>
<NoContent
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_WEBHOOKS} size={120} />
<AnimatedSVG name={ICONS.NO_WEBHOOKS} size={80} />
<div className="text-center text-gray-600 my-4">None added yet</div>
<Button icon="plus" variant="text-primary" onClick={() => init()}>
Add
</Button>
</div>
}
size="small"

2
frontend/app/components/Client/Webhooks/webhooks.module.css
View file

@ -3,7 +3,7 @@
.tabHeader {
display: flex;
align-items: center;
margin-bottom: 25px;
/* margin-bottom: 25px; */
& .tabTitle {
margin: 0 15px 0 0;