Merge branch 'since-date-title' into 'develop'

Add title to created_at label

See merge request soapbox-pub/soapbox!2650

app/soapbox/api/hooks/nostr/useSignerStream.ts

@@ -54,4 +54,4 @@ function useSignerStream() {
   }, [relayUrl, pubkey]);
 }
 
-export { useSignerStream };
+export { useSignerStream };

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,

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',

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,

app/soapbox/utils/scopes.ts

@@ -28,4 +28,4 @@ const getScopes = (state: RootState) => {
 export {
   getInstanceScopes,
   getScopes,
-};
+};