From 59f238ebc71a3321c3a4b1f71cc1cc65a0da482c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 28 Nov 2023 17:19:59 +0530
Subject: [PATCH] fix: replaced ExternalLink icon with Link icon

---
 .../src/components/Icons/ArrowUpRightIcon.vue    | 16 ++++++++++++++++
 frontend/src/components/SectionFields.vue        | 11 +++++++----
 frontend/src/pages/Deal.vue                      |  4 ++--
 3 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 frontend/src/components/Icons/ArrowUpRightIcon.vue

diff --git a/frontend/src/components/Icons/ArrowUpRightIcon.vue b/frontend/src/components/Icons/ArrowUpRightIcon.vue
new file mode 100644
index 00000000..865d6261
--- /dev/null
+++ b/frontend/src/components/Icons/ArrowUpRightIcon.vue
@@ -0,0 +1,16 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.9998 3.5H4.92871C4.65257 3.5 4.42871 3.72386 4.42871 4C4.42871 4.27614 4.65257 4.5 4.92871 4.5H10.7929L3.64645 11.6464C3.45118 11.8417 3.45118 12.1583 3.64645 12.3536C3.84171 12.5488 4.15829 12.5488 4.35355 12.3536L11.4998 5.20733V11.0711C11.4998 11.3472 11.7236 11.5711 11.9998 11.5711C12.2759 11.5711 12.4998 11.3472 12.4998 11.0711V4.0149C12.5037 3.88202 12.455 3.74787 12.3536 3.64645C12.281 3.57388 12.1917 3.52828 12.098 3.50965C12.0813 3.50632 12.0643 3.50383 12.0471 3.50221C12.0336 3.50095 12.02 3.50022 12.0062 3.50004C12.0041 3.50001 12.0019 3.5 11.9998 3.5Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/frontend/src/components/SectionFields.vue b/frontend/src/components/SectionFields.vue
index 3aae41c7..d6e7ca7a 100644
--- a/frontend/src/components/SectionFields.vue
+++ b/frontend/src/components/SectionFields.vue
@@ -21,7 +21,10 @@
             ].includes(field.type)
           "
           class="form-control"
-          :class="{ '[&_input]:text-gray-500': field.type === 'date' && !data[field.name] }"
+          :class="{
+            '[&_input]:text-gray-500':
+              field.type === 'date' && !data[field.name],
+          }"
           :type="field.type"
           :value="data[field.name]"
           :placeholder="field.placeholder"
@@ -63,9 +66,9 @@
           @change.stop="emit('update', field.name, $event.target.value)"
         />
       </div>
-      <ExternalLinkIcon
+      <ArrowUpRightIcon
         v-if="field.type === 'link' && field.link && data[field.name]"
-        class="h-4 w-4 shrink-0 cursor-pointer text-gray-600"
+        class="h-4 w-4 shrink-0 cursor-pointer text-gray-600 hover:text-gray-800"
         @click="field.link(data[field.name])"
       />
     </div>
@@ -73,7 +76,7 @@
 </template>
 
 <script setup>
-import ExternalLinkIcon from '@/components/Icons/ExternalLinkIcon.vue'
+import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import { FormControl, Tooltip } from 'frappe-ui'
 import { defineModel } from 'vue'
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index cb9b3dd8..a62c99cc 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -190,7 +190,7 @@
                                 })
                               "
                             >
-                              <ExternalLinkIcon class="h-4 w-4" />
+                              <ArrowUpRightIcon class="h-4 w-4" />
                             </Button>
                             <Button variant="ghost" @click="toggle()">
                               <FeatherIcon
@@ -262,7 +262,7 @@ import TaskIcon from '@/components/Icons/TaskIcon.vue'
 import NoteIcon from '@/components/Icons/NoteIcon.vue'
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import LinkIcon from '@/components/Icons/LinkIcon.vue'
-import ExternalLinkIcon from '@/components/Icons/ExternalLinkIcon.vue'
+import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import SuccessIcon from '@/components/Icons/SuccessIcon.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'
 import Activities from '@/components/Activities.vue'