From 6296078f2bb10d3ac302018c44133fc28c3eceb4 Mon Sep 17 00:00:00 2001
From: probdg <ekoharyadi416@gmail.com>
Date: Fri, 9 Feb 2024 19:33:24 +0700
Subject: [PATCH] Refactor data fetching in Type1.vue component

---
 src/components/Form/FiltersType/Type1.vue    |  1 -
 src/components/Form/FiltersType/reference.ts | 21 ++++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/Form/FiltersType/Type1.vue b/src/components/Form/FiltersType/Type1.vue
index 0e75dc9..8c0adbd 100644
--- a/src/components/Form/FiltersType/Type1.vue
+++ b/src/components/Form/FiltersType/Type1.vue
@@ -51,7 +51,6 @@ const setPosko = (value: any) => {
 }
 
 onMounted(() => {
-  fetchUid();
   emit('update:filters', data.value)
   fetchUid()
 })
diff --git a/src/components/Form/FiltersType/reference.ts b/src/components/Form/FiltersType/reference.ts
index c4da6bb..c5f959f 100644
--- a/src/components/Form/FiltersType/reference.ts
+++ b/src/components/Form/FiltersType/reference.ts
@@ -30,17 +30,17 @@ for (let i = 0; i < 5; i++) {
   years.value.push({id:year-i, name: year-i})
 }
 const timeout = ref()
-const items = ref<Item[]>([]);
+const itemsUid = ref<Item[]>([]);
 const itemsUp3 = ref<Item[]>([]);
 const itemsPosko = ref<Item[]>([]);
 const itemsUlp =  ref<Item[]>([]);
 const itemsRegional = ref<Item[]>([]);
 const itemsMedia = ref<Item[]>([]);
 // Fetch data from the API using Axios
-const fetchData = async () => {
+const fetchUid = async () => {
     try {
       const res = await getUid()
-      items.value = res.data.map((item: any) => (
+      itemsUid.value = res.data.map((item: any) => (
         {
           id: item.id,
           name: item.nama,
@@ -50,6 +50,19 @@ const fetchData = async () => {
       console.error('Error fetching data:', error);
     }
 };
+const fetchMedia = async () => {
+  try {
+    const res = await getUid()
+    itemsMedia.value = res.data.map((item: any) => (
+      {
+        id: item.id,
+        name: item.nama,
+      }
+    ));
+  } catch (error) {
+    console.error('Error fetching data:', error);
+  }
+}
 
 const fetchDataUp3 = async (uid: number) => {
   try {
@@ -112,4 +125,4 @@ const selectedUlp = (value: any) => {
   useUlpStore().setData(value.id)
 }
 
-export { selectedUid, selectedUp3Posko ,selectedUp3Ulp, selectedPosko,selectedUlp, fetchData, items, itemsUp3, itemsPosko,itemsRegional,itemsMedia,itemsUlp ,months ,years};
+export { selectedUid, selectedUp3Posko ,selectedUp3Ulp, selectedPosko,selectedUlp,fetchMedia, fetchUid, itemsUid, itemsUp3, itemsPosko,itemsRegional,itemsMedia,itemsUlp ,months ,years};