diff --git a/frontend/src/components/Icons/RightSideLayoutIcon.vue b/frontend/src/components/Icons/RightSideLayoutIcon.vue new file mode 100644 index 00000000..d9074f3b --- /dev/null +++ b/frontend/src/components/Icons/RightSideLayoutIcon.vue @@ -0,0 +1,18 @@ + diff --git a/frontend/src/components/Settings/QuickEntryLayout.vue b/frontend/src/components/Settings/QuickEntryLayout.vue new file mode 100644 index 00000000..46f7e1e9 --- /dev/null +++ b/frontend/src/components/Settings/QuickEntryLayout.vue @@ -0,0 +1,3 @@ + diff --git a/frontend/src/components/Settings/SettingsModal.vue b/frontend/src/components/Settings/SettingsModal.vue index ef90a91e..623621c7 100644 --- a/frontend/src/components/Settings/SettingsModal.vue +++ b/frontend/src/components/Settings/SettingsModal.vue @@ -40,10 +40,12 @@ import ContactsIcon from '@/components/Icons/ContactsIcon.vue' import WhatsAppIcon from '@/components/Icons/WhatsAppIcon.vue' import PhoneIcon from '@/components/Icons/PhoneIcon.vue' +import RightSideLayoutIcon from '@/components/Icons/RightSideLayoutIcon.vue' import ProfileSettings from '@/components/Settings/ProfileSettings.vue' import WhatsAppSettings from '@/components/Settings/WhatsAppSettings.vue' import TwilioSettings from '@/components/Settings/TwilioSettings.vue' -import FieldsLayout from '@/components/Settings/FieldsLayout.vue' +import SidebarFieldsLayout from '@/components/Settings/SidebarFieldsLayout.vue' +import QuickEntryLayout from '@/components/Settings/QuickEntryLayout.vue' import SidebarLink from '@/components/SidebarLink.vue' import { isWhatsappInstalled } from '@/composables/settings' import { Dialog, FeatherIcon } from 'frappe-ui' @@ -84,9 +86,14 @@ const tabs = computed(() => { label: 'Customizations', items: [ { - label: 'Fields Layout', + label: 'Sidebar Fields Layout', + icon: RightSideLayoutIcon, + component: markRaw(SidebarFieldsLayout), + }, + { + label: 'Quick Entry Layout', icon: h(FeatherIcon, { name: 'grid' }), - component: markRaw(FieldsLayout), + component: markRaw(QuickEntryLayout), }, ], }, diff --git a/frontend/src/components/Settings/FieldsLayout.vue b/frontend/src/components/Settings/SidebarFieldsLayout.vue similarity index 100% rename from frontend/src/components/Settings/FieldsLayout.vue rename to frontend/src/components/Settings/SidebarFieldsLayout.vue