diff --git a/plugins/sonarqube/package.json b/plugins/sonarqube/package.json index 5042b6ba77..ad5cca37aa 100644 --- a/plugins/sonarqube/package.json +++ b/plugins/sonarqube/package.json @@ -47,7 +47,8 @@ "@material-ui/styles": "^4.10.0", "cross-fetch": "^3.1.5", "rc-progress": "3.4.1", - "react-use": "^17.2.4" + "react-use": "^17.2.4", + "luxon": "^3.3.0" }, "peerDependencies": { "react": "^16.13.1 || ^17.0.0", diff --git a/plugins/sonarqube/src/components/SonarQubeCard/SonarQubeCard.tsx b/plugins/sonarqube/src/components/SonarQubeCard/SonarQubeCard.tsx index 932641e48d..7ad4717bd2 100644 --- a/plugins/sonarqube/src/components/SonarQubeCard/SonarQubeCard.tsx +++ b/plugins/sonarqube/src/components/SonarQubeCard/SonarQubeCard.tsx @@ -42,6 +42,7 @@ import { Progress, } from '@backstage/core-components'; import { useApi } from '@backstage/core-plugin-api'; +import { DateTime } from 'luxon'; const useStyles = makeStyles(theme => ({ badgeLabel: { @@ -272,15 +273,9 @@ export const SonarQubeCard = (props: { Last analyzed on{' '} - {new Date(value.lastAnalysis).toLocaleString('en-US', { - timeZone: 'UTC', - day: 'numeric', - month: 'short', - year: 'numeric', - hour: '2-digit', - minute: '2-digit', - hour12: false, - })} + {DateTime.fromISO(value.lastAnalysis).toLocaleString( + DateTime.DATETIME_MED, + )}