diff --git a/packages/web/src/changelog/index.ts b/packages/web/src/changelog/index.ts index 70f0f13..15b6432 100644 --- a/packages/web/src/changelog/index.ts +++ b/packages/web/src/changelog/index.ts @@ -5,12 +5,14 @@ import v4_4_1 from "./v4-4-1"; export type ChangelogEntrySection = { label: ReactNode; items: ReactNode[]; + description?: ReactNode; }; export type ChangelogEntry = { version: string; date: Date; sections: ChangelogEntrySection[]; + description?: ReactNode; }; // First entry is the latest version diff --git a/packages/web/src/changelog/v4-4-1.ts b/packages/web/src/changelog/v4-4-1.ts index d12373d..7e05365 100644 --- a/packages/web/src/changelog/v4-4-1.ts +++ b/packages/web/src/changelog/v4-4-1.ts @@ -4,12 +4,14 @@ import { CHANGELOG_SECTION } from "../config/constants"; const v4_4_1: ChangelogEntry = { version: "4.4.1 - Performance Update", date: new Date("july 15 2023"), + description: + "Although performance was not an issue before, I saw many easy opportunities to improve it. This update contains many small improvements that should make the app feel more responsive and less resource intensive.", sections: [ { label: CHANGELOG_SECTION.IMPROVEMENTS, items: [ "Further improved state management", - "Reduced initial bundle size", + "Significantly reduced bundle size by separating dependencies from the main bundle into separate chunks. They will only be loaded when needed.", "Updated all project dependencies", ], }, diff --git a/packages/web/src/components/Changelog/Changelog.tsx b/packages/web/src/components/Changelog/Changelog.tsx index 8d58ffa..e1677be 100644 --- a/packages/web/src/components/Changelog/Changelog.tsx +++ b/packages/web/src/components/Changelog/Changelog.tsx @@ -23,32 +23,46 @@ const Changelog = () => { return ( - {changelog.map(({ version, date, sections }, i) => ( - - - {dateStr(date)} - - - {sections.map(({ label, items }, j) => ( - - {label} - - {items.map((item, k) => ( - - {item} - - ))} - - - ))} - - - ))} + {changelog.map( + ({ version, date, sections, description }, i) => ( + + + {dateStr(date)} + + {description && ( + + {description} + + )} + + {sections.map( + ({ label, items, description }, j) => ( + + {label} + {description && ( + + {description} + + )} + + {items.map((item, k) => ( + + {item} + + ))} + + + ) + )} + + + ) + )}