- credit/card refactoring

resources/js/components/Others/Forms/FormLabel.vue

@@ -2,6 +2,9 @@
     <div class="flex items-center mb-8">
         <edit-2-icon v-if="!icon" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
         <file-text-icon v-if="icon === 'file-text'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
+        <dollar-sign-icon v-if="icon === 'dollar'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
+        <credit-card-icon v-if="icon === 'credit-card'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
+        <bar-chart-icon v-if="icon === 'bar-chart'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
         <settings-icon v-if="icon === 'settings'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
         <hard-drive-icon v-if="icon === 'hard-drive'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
         <smartphone-icon v-if="icon === 'smartphone'" size="22" class="mr-3 vue-feather text-theme dark-text-theme" />
@@ -15,26 +18,34 @@
 
 <script>
     import {
-		BellIcon,
-		FileTextIcon,
-		HardDriveIcon,
-		KeyIcon,
-		Edit2Icon,
-		SettingsIcon,
+		CreditCardIcon,
+		DollarSignIcon,
 		SmartphoneIcon,
+		HardDriveIcon,
+		BarChartIcon,
+		SettingsIcon,
+		FileTextIcon,
+		Edit2Icon,
+		BellIcon,
+		KeyIcon,
 	} from 'vue-feather-icons'
 
     export default {
         name: 'FormLabel',
-        props: ['icon'],
+        props: [
+			'icon'
+		],
         components: {
+			CreditCardIcon,
+			DollarSignIcon,
+			SmartphoneIcon,
+			HardDriveIcon,
+			BarChartIcon,
+			SettingsIcon,
 			FileTextIcon,
+			Edit2Icon,
 			BellIcon,
 			KeyIcon,
-            Edit2Icon,
-            SettingsIcon,
-			HardDriveIcon,
-			SmartphoneIcon,
         }
     }
 </script>