From 81263ff957812ce6151a09bf6d6b2fbd68fc1832 Mon Sep 17 00:00:00 2001
From: rui hildt <rui@mullvad.net>
Date: Fri, 10 Feb 2023 21:10:52 +0100
Subject: [PATCH] Add contextual search engine recommendation

---
 .../PrivacyRecommendation.vue                  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/PrivacyRecommendations/PrivacyRecommendation.vue b/src/components/PrivacyRecommendations/PrivacyRecommendation.vue
index ed9ed3fe..66541063 100644
--- a/src/components/PrivacyRecommendations/PrivacyRecommendation.vue
+++ b/src/components/PrivacyRecommendations/PrivacyRecommendation.vue
@@ -14,6 +14,9 @@ import type { Recommendation } from '@/composables/useRecommendations/Recommenda
 import useRecommendationIconTooltip from '@/composables/useRecommendationIconTooltip';
 import useWebRtc from '@/composables/useWebRtc';
 import ExternalLinkIconLabel from '@/components/ExternalLinkIconLabel.vue';
+import useConnection from '@/composables/useConnection';
+
+const { connection } = useConnection();
 
 const props = defineProps<{
   recommendation: Recommendation;
@@ -76,6 +79,21 @@ const tooltip = useRecommendationIconTooltip(recommendation);
       <Instructions :recommendation="recommendation" />
     </div>
 
+    <div
+      v-if="!recommendation.activated && recommendation.id === 'default-search'"
+      class="pt-4 flex items-center"
+    >
+      <IconLabel
+        :text="
+          connection.isMullvad
+            ? 'As you\'re connected to Mullvad VPN, we recommend you set Mullvad Leta as your default search engine.'
+            : 'As you\'re not connected to Mullvad VPN, we recommend you use DuckDuckGo or a similar privacy focused search engine.'
+        "
+        type="info"
+        class="mb-2"
+      />
+    </div>
+
     <div v-if="recommendation.warning" class="pt-4 flex items-center">
       <IconLabel :text="recommendation.warning" type="info" />
     </div>