From f518a7e5e450eae36a93a076bc2c7a7155dc7436 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 28 Aug 2023 19:58:11 +0200
Subject: [PATCH] Add title to created_at label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/api/hooks/nostr/useSignerStream.ts            | 2 +-
 app/soapbox/components/profile-hover-card.tsx             | 3 ++-
 app/soapbox/components/relative-timestamp.tsx             | 2 +-
 app/soapbox/features/ui/components/profile-info-panel.tsx | 3 ++-
 app/soapbox/utils/scopes.ts                               | 2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/soapbox/api/hooks/nostr/useSignerStream.ts b/app/soapbox/api/hooks/nostr/useSignerStream.ts
index 3fe6a3ac7..ae86b7fbe 100644
--- a/app/soapbox/api/hooks/nostr/useSignerStream.ts
+++ b/app/soapbox/api/hooks/nostr/useSignerStream.ts
@@ -54,4 +54,4 @@ function useSignerStream() {
   }, [relayUrl, pubkey]);
 }
 
-export { useSignerStream };
\ No newline at end of file
+export { useSignerStream };
diff --git a/app/soapbox/components/profile-hover-card.tsx b/app/soapbox/components/profile-hover-card.tsx
index 363c69c1a..98b9f70e8 100644
--- a/app/soapbox/components/profile-hover-card.tsx
+++ b/app/soapbox/components/profile-hover-card.tsx
@@ -18,6 +18,7 @@ import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 import { isLocal } from 'soapbox/utils/accounts';
 
 import { showProfileHoverCard } from './hover-ref-wrapper';
+import { dateFormatOptions } from './relative-timestamp';
 import { Card, CardBody, HStack, Icon, Stack, Text } from './ui';
 
 import type { Account, PatronUser } from 'soapbox/schemas';
@@ -128,7 +129,7 @@ export const ProfileHoverCard: React.FC<IProfileHoverCard> = ({ visible = true }
                   className='h-4 w-4 text-gray-800 dark:text-gray-200'
                 />
 
-                <Text size='sm'>
+                <Text size='sm' title={intl.formatDate(account.created_at, dateFormatOptions)}>
                   <FormattedMessage
                     id='account.member_since' defaultMessage='Joined {date}' values={{
                       date: memberSinceDate,
diff --git a/app/soapbox/components/relative-timestamp.tsx b/app/soapbox/components/relative-timestamp.tsx
index 69cec7374..84e747146 100644
--- a/app/soapbox/components/relative-timestamp.tsx
+++ b/app/soapbox/components/relative-timestamp.tsx
@@ -16,7 +16,7 @@ const messages = defineMessages({
   days_remaining: { id: 'time_remaining.days', defaultMessage: '{number, plural, one {# day} other {# days}} left' },
 });
 
-const dateFormatOptions: FormatDateOptions = {
+export const dateFormatOptions: FormatDateOptions = {
   hour12: true,
   year: 'numeric',
   month: 'short',
diff --git a/app/soapbox/features/ui/components/profile-info-panel.tsx b/app/soapbox/features/ui/components/profile-info-panel.tsx
index 769e6c4bc..d7cbb8775 100644
--- a/app/soapbox/features/ui/components/profile-info-panel.tsx
+++ b/app/soapbox/features/ui/components/profile-info-panel.tsx
@@ -6,6 +6,7 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { usePatronUser } from 'soapbox/api/hooks';
 import Badge from 'soapbox/components/badge';
 import Markup from 'soapbox/components/markup';
+import { dateFormatOptions } from 'soapbox/components/relative-timestamp';
 import { Icon, HStack, Stack, Text } from 'soapbox/components/ui';
 import { useAppSelector, useSoapboxConfig } from 'soapbox/hooks';
 import { isLocal } from 'soapbox/utils/accounts';
@@ -184,7 +185,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
                 className='h-4 w-4 text-gray-800 dark:text-gray-200'
               />
 
-              <Text size='sm'>
+              <Text size='sm' title={intl.formatDate(account.created_at, dateFormatOptions)}>
                 <FormattedMessage
                   id='account.member_since' defaultMessage='Joined {date}' values={{
                     date: memberSinceDate,
diff --git a/app/soapbox/utils/scopes.ts b/app/soapbox/utils/scopes.ts
index d98118ae8..fffc6bf73 100644
--- a/app/soapbox/utils/scopes.ts
+++ b/app/soapbox/utils/scopes.ts
@@ -28,4 +28,4 @@ const getScopes = (state: RootState) => {
 export {
   getInstanceScopes,
   getScopes,
-};
\ No newline at end of file
+};