import { useSession } from "next-auth/react"; import { useRouter } from "next/router"; import Shell from "@calcom/features/shell/Shell"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { HttpError } from "@calcom/lib/http-error"; import { trpc } from "@calcom/trpc/react"; import { Button, showToast } from "@calcom/ui"; import { FiPlus } from "@calcom/ui/components/icon"; import LicenseRequired from "../../common/components/v2/LicenseRequired"; import SkeletonLoader from "../components/SkeletonLoaderList"; import WorkflowList from "../components/WorkflowListPage"; function WorkflowsPage() { const { t } = useLocale(); const session = useSession(); const router = useRouter(); const { data, isLoading } = trpc.viewer.workflows.list.useQuery(); const createMutation = trpc.viewer.workflows.createV2.useMutation({ onSuccess: async ({ workflow }) => { await router.replace("/workflows/" + workflow.id); }, onError: (err) => { if (err instanceof HttpError) { const message = `${err.statusCode}: ${err.message}`; showToast(message, "error"); } if (err.data?.code === "UNAUTHORIZED") { const message = `${err.data.code}: You are not able to create this workflow`; showToast(message, "error"); } }, }); return ( 0 ? ( ) : ( <> ) }> {isLoading ? ( ) : ( <> )} ); } export default WorkflowsPage;