added spinner into dashboard AlertBox.vue

resources/js/views/Admin/AlertBox.vue

@@ -6,7 +6,17 @@
 			'dark:bg-rose-700/30 bg-rose-200': color === 'rose',
 		}"
 	>
+		<refresh-cw-icon
+			v-if="isLoading"
+			size="18"
+			class="vue-feather mr-4 shrink-0 animate-spin"
+			:class="{
+				'text-green-700 dark:text-green-500': color === 'green',
+				'text-rose-700 dark:text-rose-500': color === 'rose',
+			}"
+		/>
         <alert-octagon-icon
+			v-if="!isLoading"
 			size="18"
 			class="vue-feather mr-4 shrink-0"
 			:class="{
@@ -26,15 +36,17 @@
     </div>
 </template>
 <script>
-	import {AlertOctagonIcon} from "vue-feather-icons";
+	import {AlertOctagonIcon, RefreshCwIcon} from "vue-feather-icons";
 
 	export default {
 		name: 'AlertBox',
 		props: [
+			'isLoading',
 			'color',
 		],
 		components: {
 			AlertOctagonIcon,
+			RefreshCwIcon,
 		}
 	}
 </script>