diff --git a/components/devices-to-pay.tsx b/components/devices-to-pay.tsx index 80a9c19..0aeddba 100644 --- a/components/devices-to-pay.tsx +++ b/components/devices-to-pay.tsx @@ -103,7 +103,7 @@ export default function DevicesToPay({ onClick={async () => { setVerifyingTransferPayment(true); try { - const res = await verifyPayment({ + await verifyPayment({ id: payment?.id ?? "", method: "TRANSFER" }); diff --git a/components/how-to-get-mac.tsx b/components/how-to-get-mac.tsx index 5e855ee..e80d21c 100644 --- a/components/how-to-get-mac.tsx +++ b/components/how-to-get-mac.tsx @@ -4,6 +4,10 @@ import { AccordionItem, AccordionTrigger, } from "@/components/ui/accordion" +import { Button } from "@/components/ui/button" +import { PhoneIcon } from "lucide-react" +import Link from "next/link" + export function GetMacAccordion() { return ( @@ -17,7 +21,7 @@ export function GetMacAccordion() { <AccordionContent className="flex flex-col gap-4 text-balance"> <p> A MAC (Media Access Control) address is a unique identifier assigned - to a device's network. It is used to identify the device on a + to a device`'`s network. It is used to identify the device on a network, helping to differentiate devices on a network. </p> <Accordion type="single" collapsible className="w-full"> @@ -49,7 +53,17 @@ export function GetMacAccordion() { <AccordionItem value="other"> <AccordionTrigger>Other Device</AccordionTrigger> <AccordionContent> - Please contact SAR Link for assistance. + <p> + Please contact SAR Link for assistance. + </p> + <Link + href="tel:+9609198026" + > + <Button className="mt-4"> + <PhoneIcon className="mr-2" /> + 9198026 + </Button> + </Link> </AccordionContent> </AccordionItem> </Accordion>