cal.pub0.org/packages/ui/EmptyScreen.tsx

33 lines
1004 B
TypeScript
Raw Normal View History

2022-04-20 18:00:49 +00:00
import React from "react";
import { SVGComponent } from "@calcom/types/SVGComponent";
export default function EmptyScreen({
Icon,
headline,
description,
button,
2022-04-20 18:00:49 +00:00
}: {
Icon: SVGComponent;
headline: string;
description: string | React.ReactElement;
button?: React.ReactElement;
2022-04-20 18:00:49 +00:00
}) {
return (
<>
Routing Forms (#2785) * Add Routing logic to Query builder * Make a working redirect * Make it an app * Move pages and components to App * Integrate all pages in the app * Integrate prisma everywhere * Fix Routing Link * Add routing preview * Fixes * Get deplouyed on preview with ts disabled * Fix case * add reordering for routes * Move away from react DnD * Add sidebar * Add sidebar support and select support * Various fixes and improvements * Ignore eslint temporarly * Route might be falsy * Make CalNumber support required validation * Loader improvements * Add SSR support * Fix few typescript issues * More typesafety, download csv, bug fiees * Add seo friendly link * Avoid seding credebtials to frontend * Self review fixes * Improvements in app-store * Cahnge Form layout * Add scaffolding for app tests * Add playwright tests and add user check in serving data * Add CI tests * Add route builder test * Styling * Apply suggestions from code review Co-authored-by: Agusti Fernandez Pardo <6601142+agustif@users.noreply.github.com> * Changes as per loom feedback * Increase time for tests * Fix PR suggestions * Import CSS only in the module * Fix codacy issues * Move the codebbase to ee and add PRO and license check * Add Badge * Avoid lodash import * Fix TS error * Fix lint errors * Fix bug to merge conflicts resolution - me query shouldnt cause the Shell to go in loading state Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: zomars <zomars@me.com> Co-authored-by: Agusti Fernandez Pardo <6601142+agustif@users.noreply.github.com>
2022-07-14 12:40:53 +00:00
<div
data-testid="empty-screen"
className="min-h-80 my-6 flex flex-col items-center justify-center rounded-sm border border-dashed">
2022-04-20 18:00:49 +00:00
<div className="flex h-[72px] w-[72px] items-center justify-center rounded-full bg-gray-600 dark:bg-white">
<Icon className="inline-block h-10 w-10 text-white dark:bg-white dark:text-gray-600" />
</div>
<div className="max-w-[420px] text-center">
<h2 className="mt-6 mb-1 text-lg font-medium dark:text-gray-300">{headline}</h2>
<p className="mb-2 text-sm leading-6 text-gray-600 dark:text-gray-300">{description}</p>
{button}
2022-04-20 18:00:49 +00:00
</div>
</div>
</>
);
}