From c87d0a16a147af85c5f4ceeeed1db367e367fc86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 21 Oct 2024 21:16:11 +0200
Subject: [PATCH] pl-fe: Add title to application name link
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../status/components/detailed-status.tsx        | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index a70dd0a51..f2cb80d94 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -1,5 +1,5 @@
 import React, { useRef } from 'react';
-import { FormattedDate, FormattedMessage, useIntl } from 'react-intl';
+import { defineMessages, FormattedDate, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
 import Account from 'pl-fe/components/account';
@@ -22,6 +22,10 @@ import StatusTypeIcon from './status-type-icon';
 
 import type { SelectedStatus } from 'pl-fe/selectors';
 
+const messages = defineMessages({
+  applicationName: { id: 'status.application_name', defaultMessage: 'Sent form {name}' },
+});
+
 interface IDetailedStatus {
   status: SelectedStatus;
   withMedia?: boolean;
@@ -152,8 +156,14 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
                 {actualStatus.application && (
                   <>
                     {' · '}
-                    <a href={(actualStatus.application.website) ? actualStatus.application.website : '#'} target='_blank' rel='noopener' className='hover:underline'>
-                      ({actualStatus.application.name})
+                    <a
+                      href={(actualStatus.application.website) ? actualStatus.application.website : '#'}
+                      target='_blank'
+                      rel='noopener'
+                      className='hover:underline'
+                      title={intl.formatMessage(messages.applicationName, { name: actualStatus.application.name })}
+                    >
+                      {actualStatus.application.name}
                     </a>
                   </>
                 )}