openreplay/frontend/app/components/shared/CustomMetrics/CustomMetrics.tsx

20 lines
No EOL
558 B
TypeScript

import React, { useEffect } from 'react';
import { IconButton } from 'UI';
import { connect } from 'react-redux';
import { edit, init } from 'Duck/customMetrics';
interface Props {
init: (instance?, setDefault?) => void;
}
function CustomMetrics(props: Props) {
useEffect(() => { // TODO remove this block
props.init()
}, [])
return (
<div className="self-start">
<IconButton plain outline icon="plus" label="CREATE METRIC" onClick={() => props.init()} />
</div>
);
}
export default connect(null, { edit, init })(CustomMetrics);