Skip to content

Commit 8fd1f5a

Browse files
committed
Fix subscriber date display for Go zero time values
- Add formatDate function to handle 0001-01-01T00:00:00Z (Go zero time) - Display 'Not available' for zero time values instead of raw timestamp - Format valid dates as readable format (e.g., 'January 15, 2024') - Update subscription status logic to ignore zero time values - Prevents confusing display of ancient dates from backend
1 parent 46d9471 commit 8fd1f5a

1 file changed

Lines changed: 21 additions & 2 deletions

File tree

src/components/relay-dashboard/paid-subscribers/SubscriberDetailModal/SubscriberDetailModal.tsx

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,26 @@ export const SubscriberDetailModal: React.FC<SubscriberDetailModalProps> = ({ su
7474
if (key.length <= 16) return key;
7575
return `${key.substring(0, 8)}...${key.substring(key.length - 8)}`;
7676
};
77-
const subscribed: boolean = !!subscriber.metadata?.subscriptionTier && !!subscriber.metadata?.subscribedSince;
77+
78+
// Format date for display
79+
const formatDate = (dateString: string) => {
80+
// Check if it's a zero time value (Go default)
81+
if (dateString === '0001-01-01T00:00:00Z' || !dateString) {
82+
return 'Not available';
83+
}
84+
85+
try {
86+
const date = new Date(dateString);
87+
return date.toLocaleDateString('en-US', {
88+
year: 'numeric',
89+
month: 'long',
90+
day: 'numeric'
91+
});
92+
} catch (error) {
93+
return 'Invalid date';
94+
}
95+
};
96+
const subscribed: boolean = !!subscriber.metadata?.subscriptionTier && !!subscriber.metadata?.subscribedSince && subscriber.metadata.subscribedSince !== '0001-01-01T00:00:00Z';
7897
const subscribedLabel = subscribed ? 'Subscribed' : 'Not Subscribed';
7998

8099
return (
@@ -146,7 +165,7 @@ export const SubscriberDetailModal: React.FC<SubscriberDetailModalProps> = ({ su
146165
</S.IconWrapper>
147166
<S.InfoTitle>Subscribed Since</S.InfoTitle>
148167
</S.InfoHeader>
149-
<S.InfoContent>{subscriber.metadata.subscribedSince}</S.InfoContent>
168+
<S.InfoContent>{formatDate(subscriber.metadata.subscribedSince)}</S.InfoContent>
150169
</S.InfoCard>
151170
)}
152171
</S.InfoSection>

0 commit comments

Comments
 (0)