openreplay/frontend/app/components/Session/Player/SharedComponents/BackendLogs/LogsButton.tsx
Delirium 1d6fb0ae9e ui: shrink icons when no space, adjust player area for events export … (#3217)
* ui: shrink icons when no space, adjust player area for events export panel, fix panel size

* ui: rm log
2025-03-26 16:38:48 +01:00

36 lines
746 B
TypeScript

import { Avatar } from 'antd';
import React from 'react';
import ControlButton from 'App/components/Session_/Player/Controls/ControlButton';
import { Icon } from 'UI';
function LogsButton({
integrated,
onClick,
shorten,
}: {
integrated: string[];
onClick: () => void;
shorten?: boolean;
}) {
return (
<ControlButton
label={shorten ? null : "Traces"}
customKey="traces"
customTags={
<Avatar.Group>
{integrated.map((name) => (
<Avatar
key={name}
size={16}
src={<Icon name={`integrations/${name}`} size={14} />}
/>
))}
</Avatar.Group>
}
onClick={onClick}
/>
);
}
export default LogsButton;