gib/GibSend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix ui

Browse Source
This commit is contained in:
KMKoushik
2024-10-29 21:19:41 +11:00
parent b7569f2cba
commit 4838657cc6
1 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web/src/app/(dashboard)/emails/email-details.tsx
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,15 +84,14 @@ 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 }}
transition={{ duration: 0.2, delay: 0.3 }} transition={{ duration: 0.2, delay: 0.3 }}
> >
<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 ">