fix(placards): use test endpoint instead of mock

Author: collectedmind

clients/web/src/pages/api/placards.ts

@@ -25,53 +25,26 @@ export interface PlacardData {
 
 export type PlacardResponse = Record<string, PlacardData[]>
 
-const mockData = {
-  pocket_billboard: [
-    {
-      format: 'billboard',
-      url: 'https://www.mozilla.org/en-US/advertising/',
-      callbacks: {
-        click:
-          'http://localhost:8080/v1/t?data=CksqC2NyYXp5X2VkZGllMiQwMzI2N2FkMS0wMDc0LTRhYTYtOGUwYy1lYzE4ZTA5MDZiZmVyEHBvY2tldF9iaWxsYm9hcmSYAQKoAQQSIIRi0fSX7ChYnwOh8yODK3Qw-MfbNQZ-R3EOhTOD2wXA',
-        impression:
-          'http://localhost:8080/v1/t?data=CksqC2NyYXp5X2VkZGllMiQwMzI2N2FkMS0wMDc0LTRhYTYtOGUwYy1lYzE4ZTA5MDZiZmVyEHBvY2tldF9iaWxsYm9hcmSYAQGoAQQSIFoCwqf5lL2L6uM7lFVRh12I2E_FgPQtTgjYhlDvGK1K'
-      },
-      image_url: 'https://picsum.photos/seed/0/970/250',
-      alt_text: 'Ad 1 for mozilla_ads',
-      block_key: 'CAQSC2NyYXp5X2VkZGll'
-    },
-    {
-      format: 'billboard',
-      url: 'https://www.mozilla.org/en-US/advertising/',
-      callbacks: {
-        click:
-          'http://localhost:8080/v1/t?data=CksqC2NyYXp5X2VkZGllMiQwMzI2N2FkMS0wMDc0LTRhYTYtOGUwYy1lYzE4ZTA5MDZiZmVyEHBvY2tldF9iaWxsYm9hcmSYAQKoAQQSIIRi0fSX7ChYnwOh8yODK3Qw-MfbNQZ-R3EOhTOD2wXA',
-        impression:
-          'http://localhost:8080/v1/t?data=CksqC2NyYXp5X2VkZGllMiQwMzI2N2FkMS0wMDc0LTRhYTYtOGUwYy1lYzE4ZTA5MDZiZmVyEHBvY2tldF9iaWxsYm9hcmSYAQGoAQQSIFoCwqf5lL2L6uM7lFVRh12I2E_FgPQtTgjYhlDvGK1K'
-      },
-      image_url: 'https://picsum.photos/seed/1/970/250',
-      alt_text: 'Ad 2 for mozilla_ads',
-      block_key: 'CAQSC2NyYXp5X2VkZGll'
-    }
-  ]
-}
-
 export default async function handler(req: NextApiRequest, res: NextApiResponse): Promise<void> {
   if (req.method !== 'POST') {
     return res.status(405).json({ message: 'Method not allowed' })
   }
 
   try {
-    // const payload = await req.body
-
-    // const body = JSON.stringify(payload)
-
-    // return fetch('https://ads.mozilla.org/v1/ads', { method: 'POST', body }).then((response) =>
-    //   response.json()
-    // )
+    const payload = await req.body
+    const body = JSON.stringify(payload)
+    const adResponse = await fetch('https://ads.allizom.org/v1/ads', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body
+    })
+
+    if (!adResponse.ok) {
+      throw new Error(`Failed ad server response: ${adResponse.status} — ${adResponse.statusText}`)
+    }
 
-    // Returning mock data for now
-    return res.status(200).json(mockData)
+    const response = await adResponse.json()
+    return res.status(200).json(response)
   } catch (error) {
     if (error instanceof Error) {
       res.status(500).json({ message: error.message })