JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: update date format

Browse Source 
Update date range format to include abbreviated month name
Update correlated tests

Change-Id: I5772f4fbc1842c364efd34e2bcc4e37a81026326
This commit is contained in:
Lizzy Thomson 2022-10-19 13:49:55 -04:00
parent eae71ae06b
commit 08052b38bd
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/satellite/src/components/account/billing/paymentMethods/TokenTransactionItem.vue
View File

@ -22,14 +22,14 @@
{{ item.formattedStatus }}
</p>
<p class="array-val">
{{ item.timestamp.toLocaleDateString() }}
{{ item.timestamp.toLocaleDateString('en-US', {day:'numeric', month:'short', year:'numeric'}) }}
</p>
</div>
</th>
<fragment>
<th class="align-left data tablet-laptop">
<p>{{ item.timestamp.toLocaleDateString() }}</p>
<p>{{ item.timestamp.toLocaleDateString('en-US', {day:'numeric', month:'short', year:'numeric'}) }}</p>
</th>
<th class="align-left data tablet-laptop">
<p>Deposit on {{ item.formattedType }}</p>

8
web/satellite/src/components/project/newProjectDashboard/DateRangeSelection.vue
View File

@ -59,12 +59,12 @@ export default class DateRangeSelection extends Vue {
*/
public get dateRangeLabel(): string {
if (this.since.getTime() === this.before.getTime()) {
return this.since.toLocaleDateString('en-US');
return this.since.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
}
const sinceFormattedString = this.since.toLocaleDateString('en-US');
const beforeFormattedString = this.before.toLocaleDateString('en-US');
return `${sinceFormattedString}-${beforeFormattedString}`;
const sinceFormattedString = this.since.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
const beforeFormattedString = this.before.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
return `${sinceFormattedString} - ${beforeFormattedString}`;
}
/**

2
web/satellite/src/types/projectMembers.ts
View File

@ -121,6 +121,6 @@ export class ProjectMember {
* Returns joined at date as a local date string.
*/
public localDate(): string {
return this.joinedAt.toLocaleDateString();
return this.joinedAt.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
}
}

4
web/satellite/tests/unit/projectMembers/__snapshots__/ProjectMemberListItem.spec.ts.snap
View File

@ -7,7 +7,7 @@ exports[` should render correctly 1`] = `
<p>testShortName</p>
</th>
<th class="align-left data">
<p>1/1/1970</p>
<p>Jan 1, 1970</p>
</th>
<th class="align-left data">
<p>test@example.com</p>
@ -22,7 +22,7 @@ exports[` should render correctly with item row highlighted 1`] = `
<p>testShortName</p>
</th>
<th class="align-left data">
<p>1/1/1970</p>
<p>Jan 1, 1970</p>
</th>
<th class="align-left data">
<p>test@example.com</p>