(feat:general) ui

frontend/src/locale/en.json

@@ -50,7 +50,8 @@
       "medium": "Medium",
       "high": "High",
       "unlimited": "Unlimited",
-      "default": "Default"
+      "default": "Default",
+      "add": "Add"
     },
     "documents": {
       "title": "This table contains all the documents that are available to you and those you have uploaded",

frontend/src/locale/es.json

@@ -43,7 +43,7 @@
       "prompt": "Prompt Activo",
       "deleteAllLabel": "Eliminar todas las conversaciones",
       "deleteAllBtn": "Eliminar todo",
-      "addNew": "Agregar Nuevo",
+      "add": "Añadir",
       "convHistory": "Historial de conversaciones",
       "none": "Ninguno",
       "low": "Bajo",

frontend/src/locale/jp.json

@@ -50,7 +50,8 @@
       "medium": "中",
       "high": "高",
       "unlimited": "無制限",
-      "default": "デフォルト"
+      "default": "デフォルト",
+      "add": "追加"
     },
     "documents": {
       "label": "ドキュメント",

frontend/src/locale/ru.json

@@ -50,7 +50,8 @@
       "medium": "Средний",
       "high": "Высокий",
       "unlimited": "Без ограничений",
-      "default": "По умолчанию"
+      "default": "По умолчанию",
+      "add": "Добавить"
     },
     "documents": {
       "title": "Эта таблица содержит все документы, которые доступны вам и те, которые вы загрузили",

frontend/src/locale/zh-TW.json

@@ -50,7 +50,8 @@
       "medium": "中",
       "high": "高",
       "unlimited": "無限制",
-      "default": "預設"
+      "default": "預設",
+      "add": "添加"
     },
     "documents": {
       "title": "此表格包含所有可供您使用的文件以及您上傳的文件",

frontend/src/locale/zh.json

@@ -50,7 +50,8 @@
       "medium": "中",
       "high": "高",
       "unlimited": "无限",
-      "default": "默认"
+      "default": "默认",
+      "add": "添加"
     },
     "documents": {
       "title": "此表格包含所有可供您使用的文档以及您上传的文档",

frontend/src/settings/General.tsx

@@ -82,9 +82,13 @@ export default function General() {
     changeLanguage(selectedLanguage?.value);
   }, [selectedLanguage, changeLanguage]);
   return (
-    <div className="mt-12">
-      <div className="mb-5">
-        <label className="block mb-2 font-bold text-jet dark:text-bright-gray">
+    <div className="mt-12 flex flex-col gap-6">
+      {' '}
+      {/* Added consistent gap between sections */}
+      <div className="flex flex-col gap-6">
+        {' '}
+        {/* Consistent gap between label and input */}
+        <label className="font-bold text-jet dark:text-bright-gray">
           {t('settings.general.selectTheme')}
         </label>
         <Dropdown
@@ -101,8 +105,8 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="mb-5">
-        <label className="block mb-2 font-bold text-jet dark:text-bright-gray">
+      <div className="flex flex-col gap-6">
+        <label className="font-bold text-jet dark:text-bright-gray">
           {t('settings.general.selectLanguage')}
         </label>
         <Dropdown
@@ -119,8 +123,8 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="mb-5">
-        <label className="block font-bold text-jet dark:text-bright-gray">
+      <div className="flex flex-col gap-6">
+        <label className="font-bold text-jet dark:text-bright-gray">
           {t('settings.general.chunks')}
         </label>
         <Dropdown
@@ -132,8 +136,8 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="mb-5">
-        <label className="mb-2 block font-bold text-jet dark:text-bright-gray">
+      <div className="flex flex-col gap-6">
+        <label className="font-bold text-jet dark:text-bright-gray">
           {t('settings.general.convHistory')}
         </label>
         <Dropdown
@@ -157,7 +161,7 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="mb-5">
+      <div className="flex flex-col gap-6">
         <Prompts
           prompts={prompts}
           selectedPrompt={selectedPrompt}
@@ -167,12 +171,12 @@ export default function General() {
           setPrompts={setPrompts}
         />
       </div>
-      <div className="w-56">
-        <label className="block font-bold text-jet dark:text-bright-gray">
-          {t('settings.general.deleteAllLabel')}
-        </label>
+      {/* Add horizontal line before delete button */}
+      <hr className="border-t border-silver dark:border-silver/40" />
+      {/* Delete conversations button without label */}
+      <div className="flex flex-col gap-2">
         <button
-          className="mt-2 flex w-full cursor-pointer items-center justify-between rounded-3xl border border-solid border-red-700 px-5 py-3 text-red-700 transition-colors hover:bg-red-700 hover:text-white dark:border-red-600 dark:text-red-600 dark:hover:bg-red-600 dark:hover:text-white"
+          className="flex w-56 cursor-pointer items-center justify-between rounded-3xl border border-solid border-red-700 px-5 py-3 text-red-700 transition-colors hover:bg-red-700 hover:text-white dark:border-red-600 dark:text-red-600 dark:hover:bg-red-600 dark:hover:text-white"
           onClick={() => dispatch(setModalStateDeleteConv('ACTIVE'))}
         >
           {t('settings.general.deleteAllBtn')}

frontend/tailwind.config.cjs

@@ -74,6 +74,8 @@ module.exports = {
         'charcoal-grey':'#53545D',
         'rosso-corsa': '#D30000',
         'apple-green': '#4CAF50',
+        'medium-purple': '#8d66dd',
+        'slate-blue': '#6f5fca',
       },
     },
   },