diff --git a/frontend/src/component/personalDashboard/ContentGridNoProjects.tsx b/frontend/src/component/personalDashboard/ContentGridNoProjects.tsx
index c358fd0d331e..75a5e90ba08e 100644
--- a/frontend/src/component/personalDashboard/ContentGridNoProjects.tsx
+++ b/frontend/src/component/personalDashboard/ContentGridNoProjects.tsx
@@ -103,7 +103,7 @@ export const ContentGridNoProjects: React.FC = ({ owners, admins }) => {
{admins.map((admin) => (
-
+
({
+ padding: 0,
+ alignItems: 'flex-start',
+}));
+
+const Event = styled('li')(({ theme }) => ({
+ display: 'flex',
+ gap: theme.spacing(2),
+ listStyleType: 'none',
+ padding: 0,
+ marginBottom: theme.spacing(4),
+}));
export const LatestProjectEvents: FC<{
latestEvents: PersonalDashboardProjectDetailsSchema['latestEvents'];
}> = ({ latestEvents }) => {
return (
-
+
{latestEvents.map((event) => {
return (
- -
+
+
{event.summary ||
'No preview available for this event'}
-
+
);
})}
-
+
);
};
diff --git a/frontend/src/openapi/models/personalDashboardProjectDetailsSchemaLatestEventsItem.ts b/frontend/src/openapi/models/personalDashboardProjectDetailsSchemaLatestEventsItem.ts
index 20fb888b6807..c809a8d571a4 100644
--- a/frontend/src/openapi/models/personalDashboardProjectDetailsSchemaLatestEventsItem.ts
+++ b/frontend/src/openapi/models/personalDashboardProjectDetailsSchemaLatestEventsItem.ts
@@ -15,4 +15,6 @@ export type PersonalDashboardProjectDetailsSchemaLatestEventsItem = {
* @nullable
*/
summary: string | null;
+ id: number;
+ createdByImageUrl: string;
};
diff --git a/src/lib/features/personal-dashboard/personal-dashboard-service.ts b/src/lib/features/personal-dashboard/personal-dashboard-service.ts
index 8c5f391b78fe..866aa01107fa 100644
--- a/src/lib/features/personal-dashboard/personal-dashboard-service.ts
+++ b/src/lib/features/personal-dashboard/personal-dashboard-service.ts
@@ -11,9 +11,15 @@ import type { IProjectReadModel } from '../project/project-read-model-type';
import type { IPrivateProjectChecker } from '../private-project/privateProjectCheckerType';
import type { IEventStore } from '../../types';
import type { FeatureEventFormatter } from '../../addons/feature-event-formatter-md';
+import { generateImageUrl } from '../../util';
type PersonalProjectDetails = {
- latestEvents: { summary: string; createdBy: string }[];
+ latestEvents: {
+ summary: string;
+ createdBy: string;
+ id: number;
+ createdByImageUrl: string;
+ }[];
};
export class PersonalDashboardService {
@@ -93,6 +99,8 @@ export class PersonalDashboardService {
const formattedEvents = recentEvents.map((event) => ({
summary: this.featureEventFormatter.format(event).text,
createdBy: event.createdBy,
+ id: event.id,
+ createdByImageUrl: generateImageUrl({ email: event.createdBy }),
}));
return { latestEvents: formattedEvents };
diff --git a/src/lib/openapi/spec/personal-dashboard-project-details-schema.ts b/src/lib/openapi/spec/personal-dashboard-project-details-schema.ts
index 0aa94d146f27..7c51686f6643 100644
--- a/src/lib/openapi/spec/personal-dashboard-project-details-schema.ts
+++ b/src/lib/openapi/spec/personal-dashboard-project-details-schema.ts
@@ -17,6 +17,11 @@ export const personalDashboardProjectDetailsSchema = {
additionalProperties: false,
required: ['summary', 'createdBy'],
properties: {
+ id: {
+ type: 'integer',
+ minimum: 1,
+ description: 'The ID of the event.',
+ },
summary: {
type: 'string',
nullable: true,
@@ -28,6 +33,11 @@ export const personalDashboardProjectDetailsSchema = {
description: 'Which user created this event',
example: 'johndoe',
},
+ createdByImageUrl: {
+ type: 'string',
+ description: `URL used for the user profile image of the event author`,
+ example: 'https://example.com/242x200.png',
+ },
},
},
},