feat: implement logging for ad interactions with new API and update banner component

app/routes/actions.log.ads.$id.ts

@@ -0,0 +1,48 @@
+import { data } from 'react-router'
+import { XiorError } from 'xior'
+
+import { createLogAdsRequest } from '~/apis/news/create-log-ads'
+import { handleCookie } from '~/libs/cookies'
+
+import type { Route } from './+types/actions.log.ads.$id'
+
+export const action = async ({ request, params }: Route.ActionArgs) => {
+  const { userToken: accessToken } = await handleCookie(request)
+  const { id } = params
+  try {
+    const { data: logsData } = await createLogAdsRequest({
+      id,
+      accessToken,
+    })
+
+    return data(
+      {
+        success: true,
+        logsData,
+      },
+      {
+        status: 200,
+        statusText: 'OK',
+      },
+    )
+  } catch (error) {
+    if (error instanceof XiorError) {
+      return data(
+        {
+          success: false,
+          message: error?.response?.data?.error?.message || error.message,
+        },
+        {
+          status: error?.response?.status || 500,
+        },
+      )
+    }
+    return data(
+      {
+        success: false,
+        message: 'Internal server error',
+      },
+      { status: 500 },
+    )
+  }
+}

app/routes/actions.subscribe.ts

@@ -4,7 +4,6 @@ import { getValidatedFormData } from 'remix-hook-form'
 import { XiorError } from 'xior'
 
 import { updateSubscribeRequest } from '~/apis/admin/update-subscribe'
-import { getUser } from '~/apis/news/get-user'
 import {
   subscribeSchema,
   type TSubscribeSchema,
@@ -34,18 +33,15 @@ export const action = async ({ request }: Route.ActionArgs) => {
     console.log('payload', payload) // eslint-disable-line no-console
 
     //  TODO: will run after payment success
-    const { data: updateSubscribeData } = await updateSubscribeRequest({
+    const { data: subscribeData } = await updateSubscribeRequest({
       payload,
       accessToken,
     })
-    console.log(updateSubscribeData) // eslint-disable-line no-console
-
-    const { data: userData } = await getUser({ accessToken })
 
     return data(
       {
         success: true,
-        user: userData,
+        subscribeData,
       },
       {
         status: 200,