matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change date format globally to use 12-hr format

Browse Source
This commit is contained in:
Chewbacca
2022-10-14 11:38:37 -04:00
parent e0fd99f2db
commit 140cfb6e3e
7 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/soapbox/features/admin/moderation_log.tsx
View File

@ -32,7 +32,7 @@ const ModerationLog = () => {
setIsLoading(false);
setLastPage(1);
})
.catch(() => {});
.catch(() => { });
}, []);
const handleLoadMore = () => {
@ -43,7 +43,7 @@ const ModerationLog = () => {
.then(() => {
setIsLoading(false);
setLastPage(page);
}).catch(() => {});
}).catch(() => { });
};
return (
@ -62,11 +62,11 @@ const ModerationLog = () => {
<div className='logentry__timestamp'>
<FormattedDate
value={new Date(item.time * 1000)}
hour12={false}
hour12
year='numeric'
month='short'
day='2-digit'
hour='2-digit'
hour='numeric'
minute='2-digit'
/>
</div>

6
app/soapbox/features/auth_token_list/index.tsx
View File

@ -31,11 +31,11 @@ const AuthToken: React.FC<IAuthToken> = ({ token }) => {
<Text size='sm' theme='muted'>
<FormattedDate
value={new Date(token.valid_until)}
hour12={false}
hour12
year='numeric'
month='short'
day='2-digit'
hour='2-digit'
hour='numeric'
minute='2-digit'
/>
</Text>
@ -51,7 +51,7 @@ const AuthToken: React.FC<IAuthToken> = ({ token }) => {
);
};
const AuthTokenList: React.FC = () =>{
const AuthTokenList: React.FC = () => {
const dispatch = useAppDispatch();
const intl = useIntl();
const tokens = useAppSelector(state => state.security.get('tokens').reverse());

4
app/soapbox/features/status/components/detailed-status.tsx
View File

@ -108,7 +108,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
<span>
<a href={actualStatus.url} target='_blank' rel='noopener' className='hover:underline'>
<Text tag='span' theme='muted' size='sm'>
<FormattedDate value={new Date(actualStatus.created_at)} hour12={false} year='numeric' month='short' day='2-digit' hour='2-digit' minute='2-digit' />
<FormattedDate value={new Date(actualStatus.created_at)} hour12 year='numeric' month='short' day='2-digit' hour='numeric' minute='2-digit' />
</Text>
</a>
@ -122,7 +122,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
tabIndex={0}
>
<Text tag='span' theme='muted' size='sm'>
<FormattedMessage id='actualStatus.edited' defaultMessage='Edited {date}' values={{ date: intl.formatDate(new Date(actualStatus.edited_at), { hour12: false, month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' }) }} />
<FormattedMessage id='actualStatus.edited' defaultMessage='Edited {date}' values={{ date: intl.formatDate(new Date(actualStatus.edited_at), { hour12: true, month: 'short', day: '2-digit', hour: 'numeric', minute: '2-digit' }) }} />
</Text>
</div>
</>

2
app/soapbox/features/ui/components/compare_history_modal.tsx
View File

@ -79,7 +79,7 @@ const CompareHistoryModal: React.FC<ICompareHistoryModal> = ({ onClose, statusId
)}
<Text align='right' tag='span' theme='muted' size='sm'>
<FormattedDate value={new Date(version.created_at)} hour12={false} year='numeric' month='short' day='2-digit' hour='2-digit' minute='2-digit' />
<FormattedDate value={new Date(version.created_at)} hour12 year='numeric' month='short' day='2-digit' hour='numeric' minute='2-digit' />
</Text>
</div>
);

4
app/soapbox/features/ui/components/profile_fields_panel.tsx
View File

@ -22,8 +22,8 @@ const dateFormatOptions: FormatDateOptions = {
month: 'short',
day: 'numeric',
year: 'numeric',
hour12: false,
hour: '2-digit',
hour12: true,
hour: 'numeric',
minute: '2-digit',
};