@mixd-id/web-scaffold 0.1.240411087 → 0.1.240411089

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.240411087",
+  "version": "0.1.240411089",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/ImportModal.vue

@@ -9,6 +9,7 @@
           <slot v-else-if="step === 2 && 'description2' in $slots" name="description2"></slot>
 					<p v-else-if="step === 2" class="mt-1 text-text-400" v-html="description2"></p>
 				</div>
+        <div v-else class="flex-1"></div>
 				<div class="p-2 pl-0">
 					<button type="button" class="p-2" @click="isOpen = false">
 						<svg width="24" height="24" viewBox="0 0 24 24" class="fill-text-300 hover:fill-red-500" xmlns="http://www.w3.org/2000/svg">
@@ -18,6 +19,7 @@
 				</div>
 			</div>
 		</template>
+
 		<template v-slot:foot>
 			<div class="p-5 flex flex-row gap-3" v-if="step === 2">
 				<Button class="w-[120px]" :disabled="!canImport" :state="isLoading ? 2 : 1" @click="proceedImport">Import</Button>
@@ -83,7 +85,7 @@
         <div v-else class="p-2 text-sm text-green-500 border-green-500 border-[1px] rounded-lg">
           Total Data: {{ importData.result.count }}
         </div>
-				<div class="px-6 my-4">
+				<div class="px-6 my-4 w-[470px]">
 					<VirtualTable v-if="warnings.length > 0" :columns="warningColumns" :items="warnings" class="h-[200px]"></VirtualTable>
 				</div>
 
@@ -179,6 +181,8 @@ export default{
 				data
 			})
 				.then(({ data:res }) => {
+          if(!res?.keys)
+            return this.alert('File gagal di analisa, pastikan file sesuai dengan format yang ditentukan.')
 
 					this.step = 2
 					this.importData = res
@@ -195,7 +199,7 @@ export default{
 					})
 				})
 				.catch((e) => {
-					this.alert(e.response.data)
+					this.alert(e)
 				})
 				.finally(() => {
 					this.isLoading = false