From ab1d4644dde7f7cbe84b6829452deb471955c0a0 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 19 Jun 2024 14:46:13 +0530
Subject: [PATCH] feat: Quick Entry Layout Builder

---
 .../components/Icons/RightSideLayoutIcon.vue   | 18 ++++++++++++++++++
 .../components/Settings/QuickEntryLayout.vue   |  3 +++
 .../src/components/Settings/SettingsModal.vue  | 13 ++++++++++---
 ...ieldsLayout.vue => SidebarFieldsLayout.vue} |  0
 4 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/components/Icons/RightSideLayoutIcon.vue
 create mode 100644 frontend/src/components/Settings/QuickEntryLayout.vue
 rename frontend/src/components/Settings/{FieldsLayout.vue => SidebarFieldsLayout.vue} (100%)

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 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-panel-right-close"
+  >
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+    <path d="M15 3v18" />
+    <path d="m8 9 3 3-3 3" />
+  </svg>
+</template>
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 @@
+<template>
+  <div>Quick Entry Layout</div>
+</template>
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