Set up billing profile

resources/js/components/Others/EmptyPageContent.vue

@@ -2,9 +2,10 @@
     <div class="empty-page-content">
         <div class="content">
             <div class="icon">
-                <file-icon v-if="icon === 'file'" size="38"></file-icon>
-                <file-text-icon v-if="icon === 'file-text'" size="38"></file-text-icon>
-                <settings-icon v-if="icon === 'settings'" size="38"></settings-icon>
+                <file-icon v-if="icon === 'file'" size="38" class="text-theme" />
+                <file-text-icon v-if="icon === 'file-text'" size="38" class="text-theme" />
+                <settings-icon v-if="icon === 'settings'" size="38" class="text-theme" />
+                <edit2-icon v-if="icon === 'edit'" size="38" class="text-theme" />
             </div>
             <div class="header">
                 <h1 class="title">{{ title }}</h1>
@@ -16,7 +17,7 @@
 </template>
 
 <script>
-    import { FileIcon, FileTextIcon, SettingsIcon } from 'vue-feather-icons'
+    import { FileIcon, FileTextIcon, SettingsIcon, Edit2Icon } from 'vue-feather-icons'
 
     export default {
         name: 'EmptyPageContent',
@@ -24,6 +25,7 @@
         components: {
             SettingsIcon,
             FileTextIcon,
+			Edit2Icon,
             FileIcon,
         }
     }
@@ -41,7 +43,7 @@
         text-align: center;
 
         .content {
-            margin: 0 auto;
+            margin: -70px auto 0;
             max-width: 360px;
 
             /deep/ .button-base {
@@ -51,7 +53,7 @@
 
         .icon {
             path, polyline, line, circle {
-                stroke: $theme;
+                color: inherit;
             }
         }
 

resources/js/components/Sidebar/SidebarNavigation.vue

@@ -20,11 +20,11 @@
                 </div>
             </router-link>
 
-            <router-link :to="{name: 'InvoicesList'}" title="Invoices" :class="{'is-active': $isThisRoute($route, invoiceRoutes)}" class="icon-navigation-item shared">
+            <a @click="goToInvoice" title="Invoices" :class="{'is-active': $isThisRoute($route, invoiceRoutes)}" class="icon-navigation-item shared">
                 <div class="button-icon">
                     <file-text-icon size="19" />
                 </div>
-            </router-link>
+            </a>
 
             <router-link :to="{name: 'Profile'}" :class="{'is-active': isUserProfileRoute}" :title="$t('locations.profile')" class="icon-navigation-item settings">
                 <div class="button-icon">
@@ -87,7 +87,7 @@
             return {
 				invoiceRoutes: [
 					'InvoicesList',
-					'InvoicesProfile',
+					'BillingProfile',
 					'CreateClient',
 					'CreateInvoice',
 					'ClientDetail',
@@ -125,6 +125,19 @@
                 ]
             }
         },
+		methods: {
+			goToInvoice() {
+				this.$router.push({name: 'InvoicesList'})
+
+				this.$store.commit('STORE_CURRENT_FOLDER', {
+					name: 'Invoices',
+					id: undefined,
+					location: 'regular-invoice',
+				})
+
+				this.$store.dispatch('getRegularInvoices')
+			}
+		},
         mounted() {
             this.$store.dispatch('getAppData')
         }