import Empty from 'common/components/state/Empty';
import RundownMenu from 'features/menu/RundownMenu';

import useRundown from '../../common/hooks-query/useRundown';

import Rundown from './Rundown';

import styles from '../editors/Editor.module.scss';

export default function RundownWrapper() {
  const { data, status } = useRundown();

  return (
    <>
      <RundownMenu />
      <div className={styles.content}>
        {status === 'success' && data ? (
          <Rundown entries={data} />
        ) : (
          <Empty text='Connecting to server' />
        )}
      </div>
    </>
  );
}