chore: minor changes

frontend/src/App.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup>
-import DesktopLayout from '@/components/DesktopLayout.vue'
+import DesktopLayout from '@/components/Layouts/DesktopLayout.vue'
 import { Dialogs } from '@/utils/dialogs'
 import { sessionStore as session } from '@/stores/session'
 import { Toasts } from 'frappe-ui'

frontend/src/components/Layouts/DesktopLayout.vue

@@ -10,6 +10,6 @@
   </div>
 </template>
 <script setup>
-import AppSidebar from '@/components/AppSidebar.vue'
+import AppSidebar from '@/components/Layouts/AppSidebar.vue'
-import AppHeader from '@/components/AppHeader.vue'
+import AppHeader from '@/components/Layouts/AppHeader.vue'
 </script>

frontend/src/components/ViewSettings.vue

@@ -268,6 +268,7 @@ function apply(reload = false, isDefault = false, reset = false) {
   emit('update', obj)
 
   if (reload) {
+    // will have think of a better way to do this
     setTimeout(() => {
       is_default.value = reset ? oldValues.value.isDefault : isDefault
       columnsUpdated.value = !reset

frontend/src/stores/contacts.js

@@ -10,6 +10,7 @@ export const contactsStore = defineStore('crm-contacts', () => {
     url: 'crm.api.session.get_contacts',
     cache: 'contacts',
     initialData: [],
+    auto: true,
     transform(contacts) {
       for (let contact of contacts) {
         contactsByPhone[contact.mobile_no] = contact
@@ -23,7 +24,6 @@ export const contactsStore = defineStore('crm-contacts', () => {
       }
     },
   })
-  contacts.fetch()
 
   function getContact(mobile_no) {
     return contactsByPhone[mobile_no]

frontend/src/stores/organizations.js

@@ -9,6 +9,7 @@ export const organizationsStore = defineStore('crm-organizations', () => {
     url: 'crm.api.session.get_organizations',
     cache: 'organizations',
     initialData: [],
+    auto: true,
     transform(organizations) {
       for (let organization of organizations) {
         organizationsByName[organization.name] = organization
@@ -21,7 +22,6 @@ export const organizationsStore = defineStore('crm-organizations', () => {
       }
     },
   })
-  organizations.fetch()
 
   function getOrganization(name) {
     return organizationsByName[name]