diff --git a/.changeset/mighty-panthers-itch.md b/.changeset/mighty-panthers-itch.md new file mode 100644 index 0000000000..35d7d3d1f2 --- /dev/null +++ b/.changeset/mighty-panthers-itch.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-sonarqube': patch +--- + +fixed issued related #18259 now using luxon as adr102 asked diff --git a/plugins/sonarqube/package.json b/plugins/sonarqube/package.json index 5042b6ba77..503c275efe 100644 --- a/plugins/sonarqube/package.json +++ b/plugins/sonarqube/package.json @@ -46,6 +46,7 @@ "@material-ui/lab": "4.0.0-alpha.61", "@material-ui/styles": "^4.10.0", "cross-fetch": "^3.1.5", + "luxon": "^3.0.0", "rc-progress": "3.4.1", "react-use": "^17.2.4" }, 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, + )} diff --git a/yarn.lock b/yarn.lock index 468a6aa431..55332fe496 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9199,6 +9199,7 @@ __metadata: "@types/node": ^16.11.26 "@types/react": ^16.13.1 || ^17.0.0 cross-fetch: ^3.1.5 + luxon: ^3.0.0 msw: ^1.0.0 rc-progress: 3.4.1 react-use: ^17.2.4