From 2db0d25ad1b9fca3c257a205e5c9188eec7ce790 Mon Sep 17 00:00:00 2001
From: Mulia Nasution <mul14@users.noreply.github.com>
Date: Wed, 31 May 2023 16:57:36 +0700
Subject: [PATCH] Add eye icon

---
 src/components/icons/IconEye.vue |  6 ++++++
 src/views/drp/drp-approval.vue   | 14 ++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 src/components/icons/IconEye.vue

diff --git a/src/components/icons/IconEye.vue b/src/components/icons/IconEye.vue
new file mode 100644
index 0000000..1bcfa32
--- /dev/null
+++ b/src/components/icons/IconEye.vue
@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 14px; height: 14px; color: orange;">
+    <path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" />
+    <path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/views/drp/drp-approval.vue b/src/views/drp/drp-approval.vue
index 374090c..5d4ca41 100644
--- a/src/views/drp/drp-approval.vue
+++ b/src/views/drp/drp-approval.vue
@@ -72,8 +72,16 @@
             <DxColumn data-field="" caption="VP Pengadaan"></DxColumn>
             <DxColumn data-field="" caption="Komite Value for Money"></DxColumn>
             <DxColumn data-field="" caption="Direktur Utama"></DxColumn>
-            <DxColumn type="buttons" caption="Aksi">
-              <DxButton name="edit" />
+            <DxColumn type="buttons" caption="Aksi" :fixed="true">
+              <DxButton
+                text="Detail"
+                hint="Detail"
+                :on-click="linkDetail"
+              >
+                <template #default>
+                  <IconEye />
+                </template>
+              </DxButton>
               <DxButton
                 text="Detail"
                 icon="file"
@@ -116,6 +124,7 @@ import DxDataGrid, {
   DxButton,
 } from "devextreme-vue/data-grid";
 import CustomStore from "devextreme/data/custom_store";
+import IconEye from '../../components/icons/IconEye.vue';
 
 const URL = process.env.VUE_APP_ROOT_API + "/drp";
 
@@ -179,6 +188,7 @@ export default {
     DxToolbar,
     DxTexts,
     DxButton,
+    IconEye,
   },
   methods: {
     linkDetail: function () {