38594319f0
* ui: fix performance bottlenecks, split data sources in devtools panes * ui: move xray warn * Player ux improvements (#2834) * Player UX improvements. DevTools (Including multi-tab) Actions panel (User events, Click maps, Tag Elements) * ui: remove unused imports, remove str templ classnames --------- Co-authored-by: Sudheer Salavadi <connect.uxmaster@gmail.com> --------- Co-authored-by: Sudheer Salavadi <connect.uxmaster@gmail.com>
20 lines
589 B
JavaScript
20 lines
589 B
JavaScript
import React from 'react';
|
|
import cn from 'classnames';
|
|
import cls from './infoLine.module.css';
|
|
|
|
const InfoLine = ({ children }) => (
|
|
<div className={ cn(cls.info, 'text-sm')}>
|
|
{ children }
|
|
</div>
|
|
)
|
|
|
|
const Point = ({ label = '', value = '', display=true, color, dotColor }) => display
|
|
? <div className={ cn(cls.infoPoint, 'text-sm') } style={{ color }}>
|
|
{ dotColor != null && <div className={ cn(cls.dot, `bg-${dotColor}`) } /> }
|
|
<span className={cn(cls.label, 'text-sm')}>{ `${label}` }</span> { value }
|
|
</div>
|
|
: null;
|
|
|
|
InfoLine.Point = Point;
|
|
|
|
export default InfoLine;
|