From fc27a03248d7eadb22768408a7e7d420fc7518fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Deborah=20K=C3=B6pfer?=
 <deborah.koepfer@virtual-identity.com>
Date: Fri, 5 Mar 2021 11:21:10 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20agencyInfo=20hover=20bug?=
 =?UTF-8?q?=20on=20mobile=20devices?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             | 15 +++++++++++++
 package.json                                  |  1 +
 .../agencySelection/AgencySelection.tsx       | 21 +++++++++++++------
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ecce62ac2..58e1f3231 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15747,6 +15747,21 @@
 				}
 			}
 		},
+		"react-device-detect": {
+			"version": "1.15.0",
+			"resolved": "https://registry.npmjs.org/react-device-detect/-/react-device-detect-1.15.0.tgz",
+			"integrity": "sha512-ywjtWW04U7vaJK87IAFHhKozZhTPeDVWsfYx5CxQSQCjU5+fnMMxWZt9HnVWaNTqBEn6g8wCNWyqav7sXJrURg==",
+			"requires": {
+				"ua-parser-js": "^0.7.23"
+			},
+			"dependencies": {
+				"ua-parser-js": {
+					"version": "0.7.24",
+					"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.24.tgz",
+					"integrity": "sha512-yo+miGzQx5gakzVK3QFfN0/L9uVhosXBBO7qmnk7c2iw1IhL212wfA3zbnI54B0obGwC/5NWub/iT9sReMx+Fw=="
+				}
+			}
+		},
 		"react-dom": {
 			"version": "17.0.1",
 			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz",
diff --git a/package.json b/package.json
index 466aaf39d..cb3ff25d6 100644
--- a/package.json
+++ b/package.json
@@ -68,6 +68,7 @@
 		"react-app-polyfill": "^2.0.0",
 		"react-datepicker": "3.3.0",
 		"react-dev-utils": "^11.0.0",
+		"react-device-detect": "^1.15.0",
 		"react-dom": "^17.0.1",
 		"react-refresh": "^0.8.3",
 		"react-router-dom": "5.2.0",
diff --git a/src/components/agencySelection/AgencySelection.tsx b/src/components/agencySelection/AgencySelection.tsx
index c5ff0fec0..82b020ae5 100644
--- a/src/components/agencySelection/AgencySelection.tsx
+++ b/src/components/agencySelection/AgencySelection.tsx
@@ -17,6 +17,7 @@ import { DEFAULT_POSTCODE } from '../registration/prefillPostcode';
 import { RadioButton } from '../radioButton/RadioButton';
 import { Loading } from '../app/Loading';
 import { Text, LABEL_TYPES } from '../text/Text';
+import { isMobile } from 'react-device-detect';
 
 const introItemsTranslations = [
 	'registration.agencySelection.intro.point1',
@@ -309,12 +310,20 @@ export const AgencySelection = (props: AgencySelectionProps) => {
 																agency
 														  )
 												}
-												onMouseEnter={() =>
-													setDisplayAgencyInfo(agency)
-												}
-												onMouseLeave={() =>
-													setDisplayAgencyInfo(null)
-												}
+												onMouseEnter={() => {
+													if (!isMobile) {
+														setDisplayAgencyInfo(
+															agency
+														);
+													}
+												}}
+												onMouseLeave={() => {
+													if (!isMobile) {
+														setDisplayAgencyInfo(
+															null
+														);
+													}
+												}}
 											/>
 											{displayAgencyInfo &&
 												displayAgencyInfo?.id ===