Function EmptyView

src/components/entity-components.tsx:213–241

({
  message,
  onNew
}: EmptyViewProps)

};

export const EmptyView = ({
  message,
  onNew
}: EmptyViewProps) => {
  return (
    <Empty className="border border-dashed bg-white">
      <EmptyHeader>
        <EmptyMedia variant="icon">
          <PackageOpenIcon />
        </EmptyMedia>
      </EmptyHeader>
      <EmptyTitle>
        No items
      </EmptyTitle>
      {!!message && (
        <EmptyDescription>
          {message}
        </EmptyDescription>
      )}
      {!!onNew && (
        <EmptyContent>
          <Button onClick={onNew}>
            Add item
          </Button>
        </EmptyContent>
      )}
    </Empty>
  );
};

interface EntityListProps<T> {
  items: T[];