diff --git a/.changeset/tender-oranges-change.md b/.changeset/tender-oranges-change.md new file mode 100644 index 0000000000..b4c28fb712 --- /dev/null +++ b/.changeset/tender-oranges-change.md @@ -0,0 +1,6 @@ +--- +'@backstage/plugin-adr-common': patch +'@backstage/plugin-adr': patch +--- + +fixed error with date parsing. diff --git a/plugins/adr-common/package.json b/plugins/adr-common/package.json index 30c4a2ad11..4172a23ab6 100644 --- a/plugins/adr-common/package.json +++ b/plugins/adr-common/package.json @@ -32,7 +32,8 @@ "@backstage/catalog-model": "workspace:^", "@backstage/integration": "workspace:^", "@backstage/plugin-search-common": "workspace:^", - "front-matter": "^4.0.2" + "front-matter": "^4.0.2", + "luxon": "^3.0.0" }, "devDependencies": { "@backstage/cli": "workspace:^" diff --git a/plugins/adr-common/src/index.ts b/plugins/adr-common/src/index.ts index 194f4899d1..97c82b2047 100644 --- a/plugins/adr-common/src/index.ts +++ b/plugins/adr-common/src/index.ts @@ -21,6 +21,7 @@ import { Entity, getEntitySourceLocation } from '@backstage/catalog-model'; import { IndexableDocument } from '@backstage/plugin-search-common'; import { ScmIntegrationRegistry } from '@backstage/integration'; import frontMatter from 'front-matter'; +import { DateTime } from 'luxon'; /** * ADR plugin annotation. @@ -135,10 +136,12 @@ export const parseMadrWithFrontmatter = (content: string): ParsedMadr => { const parsed = frontMatter>(content); const status = parsed.attributes.status; const date = parsed.attributes.date; + const luxdate = DateTime.fromJSDate(new Date(`${date}`)); + const formattedDate = luxdate.toISODate(); return { content: parsed.body, status: status ? String(status) : undefined, - date: date ? String(date) : undefined, + date: date ? String(formattedDate) : undefined, attributes: parsed.attributes, }; }; diff --git a/plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx b/plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx index da575d884f..32e353eba9 100644 --- a/plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx +++ b/plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx @@ -68,9 +68,10 @@ const useStyles = makeStyles((theme: Theme) => ({ color: theme.palette.grey[700], marginBottom: theme.spacing(1), }, - adrChip: { - position: 'absolute', - right: 0, + adrBox: { + display: 'flex', + justifyContent: 'space-between', + marginTop: '10px', }, })); @@ -131,7 +132,7 @@ const AdrListContainer = (props: { style: { whiteSpace: 'normal' }, }} secondary={ - + {adr.date} {adr.status && ( )} diff --git a/yarn.lock b/yarn.lock index 6a45c08cfd..52a770e2b8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4609,6 +4609,7 @@ __metadata: "@backstage/integration": "workspace:^" "@backstage/plugin-search-common": "workspace:^" front-matter: ^4.0.2 + luxon: ^3.0.0 languageName: unknown linkType: soft