refactor: rewrite useSubscription with RQ

packages/web/src/hooks/useSubscription.ee.js

@@ -0,0 +1,38 @@
+import { useQuery } from '@tanstack/react-query';
+import { DateTime } from 'luxon';
+
+import useFormatMessage from './useFormatMessage';
+import api from 'helpers/api';
+
+export default function useSubscription() {
+  const formatMessage = useFormatMessage();
+
+  const { data, isLoading: isSubscriptionLoading } = useQuery({
+    queryKey: ['subscription'],
+    queryFn: async ({ signal }) => {
+      const { data } = await api.get(`/v1/users/me/subscription`, {
+        signal,
+      });
+
+      return data;
+    },
+  });
+  const subscription = data?.data;
+
+  const cancellationEffectiveDate = subscription?.cancellationEffectiveDate;
+
+  const hasCancelled = !!cancellationEffectiveDate;
+
+  if (isSubscriptionLoading || !hasCancelled) return null;
+
+  const cancellationEffectiveDateObject = DateTime.fromISO(
+    cancellationEffectiveDate,
+  );
+
+  return {
+    message: formatMessage('subscriptionCancelledAlert.text', {
+      date: cancellationEffectiveDateObject.toFormat('DDD'),
+    }),
+    cancellationEffectiveDate: cancellationEffectiveDateObject,
+  };
+}

packages/web/src/hooks/useSubscriptionStatus.ee.js

@@ -1,21 +0,0 @@
-import { useQuery } from '@apollo/client';
-import { DateTime } from 'luxon';
-import { GET_SUBSCRIPTION_STATUS } from 'graphql/queries/get-subscription-status.ee';
-import useFormatMessage from './useFormatMessage';
-export default function useSubscriptionStatus() {
-  const formatMessage = useFormatMessage();
-  const { data, loading } = useQuery(GET_SUBSCRIPTION_STATUS);
-  const cancellationEffectiveDate =
-    data?.getSubscriptionStatus?.cancellationEffectiveDate;
-  const hasCancelled = !!cancellationEffectiveDate;
-  if (loading || !hasCancelled) return null;
-  const cancellationEffectiveDateObject = DateTime.fromMillis(
-    Number(cancellationEffectiveDate),
-  ).startOf('day');
-  return {
-    message: formatMessage('subscriptionCancelledAlert.text', {
-      date: cancellationEffectiveDateObject.toFormat('DDD'),
-    }),
-    cancellationEffectiveDate: cancellationEffectiveDateObject,
-  };
-}