diff --git a/apps/dashboard/src/components/delete-account.tsx b/apps/dashboard/src/components/delete-account.tsx index 875be2a5d4..e14e95bc23 100644 --- a/apps/dashboard/src/components/delete-account.tsx +++ b/apps/dashboard/src/components/delete-account.tsx @@ -20,11 +20,14 @@ import { CardHeader, CardTitle, } from "@midday/ui/card"; +import { Input } from "@midday/ui/input"; +import { Label } from "@midday/ui/label"; import { Loader2 } from "lucide-react"; -import { useTransition } from "react"; +import { useState, useTransition } from "react"; export function DeleteAccount() { const [isPending, startTransition] = useTransition(); + const [value, setValue] = useState(""); return ( @@ -56,10 +59,23 @@ export function DeleteAccount() { account and remove your data from our servers. + +
+ + setValue(e.target.value)} + /> +
+ Cancel startTransition(() => deleteUserAction())} + disabled={value !== "DELETE"} > {isPending ? ( diff --git a/apps/dashboard/src/components/delete-team.tsx b/apps/dashboard/src/components/delete-team.tsx index 4877831fc1..dcf8f7a461 100644 --- a/apps/dashboard/src/components/delete-team.tsx +++ b/apps/dashboard/src/components/delete-team.tsx @@ -20,15 +20,20 @@ import { CardHeader, CardTitle, } from "@midday/ui/card"; +import { Input } from "@midday/ui/input"; +import { Label } from "@midday/ui/label"; import { Loader2 } from "lucide-react"; import { useAction } from "next-safe-action/hooks"; import { useRouter } from "next/navigation"; +import { useState } from "react"; interface DeleteTeamProps { teamId: string; } export function DeleteTeam({ teamId }: DeleteTeamProps) { + const [value, setValue] = useState(""); + const router = useRouter(); const deleteTeam = useAction(deleteTeamAction, { onSuccess: () => router.push("/teams"), @@ -64,9 +69,24 @@ export function DeleteTeam({ teamId }: DeleteTeamProps) { team and remove your data from our servers. + +
+ + setValue(e.target.value)} + /> +
+ Cancel - deleteTeam.execute({ teamId })}> + deleteTeam.execute({ teamId })} + disabled={value !== "DELETE"} + > {deleteTeam.status === "executing" ? ( ) : ( diff --git a/apps/website/src/components/metrics.tsx b/apps/website/src/components/metrics.tsx index 4d871b872b..56f21700a1 100644 --- a/apps/website/src/components/metrics.tsx +++ b/apps/website/src/components/metrics.tsx @@ -6,7 +6,7 @@ export function Metrics() {

Businesses

- 10,500+ + 10,600+
@@ -18,7 +18,7 @@ export function Metrics() {

Transactions

- 920K + 942K
diff --git a/packages/ui/src/components/icons.tsx b/packages/ui/src/components/icons.tsx index 65c439d3fe..531b0c5356 100644 --- a/packages/ui/src/components/icons.tsx +++ b/packages/ui/src/components/icons.tsx @@ -203,12 +203,10 @@ export const Icons = { > - - - + ), Apps: MdOutlineApps, @@ -257,12 +255,10 @@ export const Icons = { > - - - + ), X: FaXTwitter,