diff --git a/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.module.css b/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.module.css index 80a25e03f6..10c73e1d2f 100644 --- a/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.module.css +++ b/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.module.css @@ -17,6 +17,11 @@ padding-top: 0; } +.userLabel { + line-height: 0.5; + margin-top: var(--space-S); +} + .title { font: var(--font-L); font-size: 2.2rem; diff --git a/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.tsx b/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.tsx index b976a360bc..d5f79c370c 100644 --- a/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.tsx +++ b/apps/fishing-map/features/vessel-group-report/VesselGroupReportTitle.tsx @@ -54,9 +54,16 @@ export default function VesselGroupReportTitle({ vesselGroup, loading }: ReportT return (
-

- {formatInfoField(vesselGroup.name, 'name')} -

+
+ {vesselGroup.ownerType === 'user' && ( + + )} +

+ {formatInfoField(vesselGroup.name, 'name')} +

+
{t('vesselGroupReport.linkToReport', 'Check the vessel group report here')} diff --git a/apps/fishing-map/public/locales/source/translations.json b/apps/fishing-map/public/locales/source/translations.json index 599767a187..9bd0d80f04 100644 --- a/apps/fishing-map/public/locales/source/translations.json +++ b/apps/fishing-map/public/locales/source/translations.json @@ -1025,6 +1025,7 @@ "vesselGroups": "Vessel groups" }, "vesselGroupReport": { + "user": "User Vessel Group", "clickToSee": "Click to see the vessel group report", "linkToReport": "Check the vessel group report here", "notFound": "Vessel group not found"