openreplay/frontend/app/components/ui/NoContent/NoContent.tsx
Shekar Siri 78d7df72a5
Session list - redesign (#621)
* change(ui) - removed env

* change(ui) - no content component updates

* feat(ui) - session list - wip

* feat(ui) - session list - wip

* feat(ui) - session list - wip

* feat(ui) - session list - wip

* fix(ui) - live session list key

* feat(ui) - session list - wip

* feat(ui) - session list - wip

* feat(backend): set default size of first part of session mob file to 1mb

* feat(backend): added extra information for db metrics

* fix(ui) - siteform loader, trash btn project exists check, IconButton replace

Co-authored-by: Alexander Zavorotynskiy <zavorotynskiy@pm.me>
2022-07-19 14:43:43 +02:00

29 lines
877 B
TypeScript

import React from 'react';
import { Icon } from 'UI';
import styles from './noContent.module.css';
interface Props {
title?: any;
subtext?: any;
icon?: string;
iconSize?: number;
size?: number;
show?: boolean;
children?: any;
image?: any;
style?: any;
}
export default function NoContent(props: Props) {
const { title = '', subtext = '', icon, iconSize, size, show, children, image, style } = props;
return !show ? (
children
) : (
<div className={`${styles.wrapper} ${size && styles[size]}`} style={style}>
{icon && <Icon name={icon} size={iconSize} />}
{title && <div className={styles.title}>{title}</div>}
{subtext && <div className={styles.subtext}>{subtext}</div>}
{image && <div className="mt-4 flex justify-center">{image} </div>}
</div>
);
}