This commit is contained in:
KMKoushik
2024-10-29 21:19:41 +11:00
parent b7569f2cba
commit 4838657cc6

View File

@@ -21,13 +21,10 @@ import {
DELIVERY_DELAY_ERRORS, DELIVERY_DELAY_ERRORS,
} from "~/lib/constants/ses-errors"; } from "~/lib/constants/ses-errors";
import CancelEmail from "./cancel-email"; import CancelEmail from "./cancel-email";
import { useQueryClient } from "@tanstack/react-query";
import { useEffect } from "react"; import { useEffect } from "react";
import { useState } from "react"; import { useState } from "react";
export default function EmailDetails({ emailId }: { emailId: string }) { export default function EmailDetails({ emailId }: { emailId: string }) {
const queryClient = useQueryClient();
const emailQuery = api.email.getEmail.useQuery({ id: emailId }); const emailQuery = api.email.getEmail.useQuery({ id: emailId });
return ( return (
@@ -87,7 +84,7 @@ export default function EmailDetails({ emailId }: { emailId: string }) {
</div> </div>
</> </>
) : null} ) : null}
{emailQuery.data?.html ? (
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
@@ -95,7 +92,6 @@ export default function EmailDetails({ emailId }: { emailId: string }) {
> >
<EmailPreview html={emailQuery.data?.html ?? ""} /> <EmailPreview html={emailQuery.data?.html ?? ""} />
</motion.div> </motion.div>
) : null}
</div> </div>
{emailQuery.data?.latestStatus !== "SCHEDULED" ? ( {emailQuery.data?.latestStatus !== "SCHEDULED" ? (
<div className=" border rounded-lg w-full shadow mb-2 "> <div className=" border rounded-lg w-full shadow mb-2 ">