ADAO Price Integration: Making Crypto Payments Smarter and Slicker at PayDirect

Yo, fellow devs and crypto enthusiasts! 🎉 We've got some killer news for you today from the depths of the PayDirect codebase, where the magic (a.k.a. code) is happening. You know how, in high school, when you'd sneak in a Pokémon card and suddenly became the coolest kid? Well, we just hit the cool charts by adding a slick ADAO price fetching feature to enhance your payment experience. So, buckle up as we dive into the world of real-time crypto price fetching!

Why This is a Big Deal

Imagine you're in the middle of paying your buddy or a service, and you have no clue what your ADAO tokens are worth in good ol' USD. Frustrating, right? That's a thing of the past now! With the latest update, we're bringing you real-time fetching of ADAO prices, right in the PayDirect checkout process.

This new feature empowers you to see the equivalent USD value of your ADAO tokens as you make payments. That means no more guessing games or frantic searches on sketchy crypto price websites. Instead, you get the peace of mind of knowing how much your digital assets are worth, right here, right now. 🎯

Here's how we made it happen:

Code Snippets for the Curious

We introduced a shiny new API route in app/api/adao-price/route.ts to fetch the ADAO/USD price. Check it out:

import { NextResponse } from "next/server";
import { AdaoPriceService } from "@/lib/adao-price-service";

// Get current ADAO/USD price
export async function GET() {
  try {
    const priceUsd = await AdaoPriceService.getPrice();
    
    return NextResponse.json({
      symbol: "ADAO",
      priceUsd,
      priceFormatted: `$${priceUsd.toFixed(2)}`,
      timestamp: new Date().toISOString(),
    });
  } catch (err: any) {
    console.error("[ADAO-PRICE] API error:", err);
    return NextResponse.json(
      { error: "Failed to fetch ADAO price" },
      { status: 500 }
    );
  }
}

And over in the app/pay/[id]/page.tsx, we worked some magic to fetch and display that price during checkout:

const [adaoPrice, setAdaoPrice] = useState<number | null>(null);

// Fetch ADAO price if token is ADAO
useEffect(() => {
  if (data?.tokenSymbol === "ADAO") {
    fetch("/api/adao-price")
      .then(res => res.json())
      .then(result => {
        if (result.priceUsd) setAdaoPrice(result.priceUsd);
      })
      .catch(() => {});
  }
}, [data?.tokenSymbol]);

// Calculate USD value for ADAO
const usdValue = data?.tokenSymbol === "ADAO" && adaoPrice
  ? (parseFloat(data.amount) * adaoPrice)
  : null;

Why Devs Will Love It

1. Convenience: No more switching tabs or apps to check the value of your crypto. It's built right into your payment experience.

2. Transparency: With prices updated in real-time, you'll always know how much you're spending in USD terms.

3. Future-ready: Set yourself up for adopting ADAO as part of your payment routine with confidence and ease.

The real MVP behind the curtain is the AdaoPriceService in lib/adao-price-service.ts. This service fetches static prices for ADAO from an environment variable, maintaining consistency and reliability in what you see:

const STATIC_ADAO_PRICE = parseFloat(process.env.ADAO_TOKEN_PRICE || "0.04");

export class AdaoPriceService {
  static async getPrice(): Promise<number> {
    return STATIC_ADAO_PRICE;
  }
}

Next Steps

So, what's next? It’s time to roll up your sleeves and dive into our enhanced payment system. Whether you're a crypto enthusiast or a developer looking to integrate advanced features into your projects, this update is just the start. We've got more cooking up in our dev kitchen, and we promise to keep you in the loop.

CTA: Give it a spin by checking out the new ADAO pricing feature in your PayDirect account today! Keep an eye on our documentation for more juicy updates and a guide on how to integrate these features into your solutions. Until next time, happy coding, and even happier crypto spending! 🚀💸

Stay tuned for more updates, and as always, keep the feedback flowing. We're building this for you, after all! 🛠️

Got questions or wanna chat? Hit us up on Twitter or join our Discord community.