From 844ac6ef129e4b8fa7ed20294a859e88979b1219 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 17 Jan 2023 15:37:09 +0800
Subject: [PATCH] Dates are stored as strings in the API response

---
 .../lib/networking/queries/useGetSubscriptionsQuery.tsx    | 4 ++--
 packages/web/pages/settings/subscriptions.tsx              | 7 +------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/web/lib/networking/queries/useGetSubscriptionsQuery.tsx b/packages/web/lib/networking/queries/useGetSubscriptionsQuery.tsx
index 92ec8241a..526869c77 100644
--- a/packages/web/lib/networking/queries/useGetSubscriptionsQuery.tsx
+++ b/packages/web/lib/networking/queries/useGetSubscriptionsQuery.tsx
@@ -13,8 +13,8 @@ export type Subscription = {
   description?: string
 
   status: SubscriptionStatus
-  createdAt: Date
-  updatedAt: Date
+  createdAt: string
+  updatedAt: string
 }
 
 type SubscriptionsQueryResponse = {
diff --git a/packages/web/pages/settings/subscriptions.tsx b/packages/web/pages/settings/subscriptions.tsx
index 473df7bb6..46d91b383 100644
--- a/packages/web/pages/settings/subscriptions.tsx
+++ b/packages/web/pages/settings/subscriptions.tsx
@@ -10,6 +10,7 @@ import {
 } from '../../components/templates/settings/SettingsTable'
 import { StyledText } from '../../components/elements/StyledText'
 import Link from 'next/link'
+import { formattedShortDate } from '../../lib/dateFormatting'
 
 export default function SubscriptionsPage(): JSX.Element {
   const { subscriptions, revalidate } = useGetSubscriptionsQuery()
@@ -28,12 +29,6 @@ export default function SubscriptionsPage(): JSX.Element {
     revalidate()
   }
 
-  function formattedShortDate(date: Date): string {
-    return new Intl.DateTimeFormat('en-US', {
-      dateStyle: 'short',
-    }).format(date)
-  }
-
   return (
     <SettingsTable
       pageId="settings-subscriptions-tag"