diff --git a/frontend/src/components/Modals/Keys.jsx b/frontend/src/components/Modals/Keys.jsx index cffd40a89..c4c8a519b 100644 --- a/frontend/src/components/Modals/Keys.jsx +++ b/frontend/src/components/Modals/Keys.jsx @@ -17,27 +17,27 @@ export default function KeysModal({ hideModal = noop }) { }, []); return ( - <div class="fixed top-0 left-0 right-0 z-50 w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] h-full bg-black bg-opacity-50 flex items-center justify-center"> + <div className="fixed top-0 left-0 right-0 z-50 w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] h-full bg-black bg-opacity-50 flex items-center justify-center"> <div className="flex fixed top-0 left-0 right-0 w-full h-full" onClick={hideModal} /> - <div class="relative w-full max-w-2xl max-h-full"> - <div class="relative bg-white rounded-lg shadow dark:bg-stone-700"> - <div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600"> - <h3 class="text-xl font-semibold text-gray-900 dark:text-white"> + <div className="relative w-full max-w-2xl max-h-full"> + <div className="relative bg-white rounded-lg shadow dark:bg-stone-700"> + <div className="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600"> + <h3 className="text-xl font-semibold text-gray-900 dark:text-white"> Your System Settings </h3> <button onClick={hideModal} type="button" - class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white" + className="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="staticModal" > <X className="text-gray-300 text-lg" /> </button> </div> - <div class="p-6 space-y-6 flex h-full w-full"> + <div className="p-6 space-y-6 flex h-full w-full"> {loading ? ( <div className="w-full h-full flex items-center justify-center"> <p className="text-gray-800 dark:text-gray-200 text-base"> @@ -100,11 +100,11 @@ export default function KeysModal({ hideModal = noop }) { </div> )} </div> - <div class="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600"> + <div className="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600"> <button onClick={hideModal} type="button" - class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600" + className="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600" > Close </button> @@ -120,8 +120,8 @@ function ShowKey({ name, value, valid }) { return ( <div> <label - for="error" - class="block mb-2 text-sm font-medium text-red-700 dark:text-red-500" + htmlFor="error" + className="block mb-2 text-sm font-medium text-red-700 dark:text-red-500" > {name} </label> @@ -129,11 +129,11 @@ function ShowKey({ name, value, valid }) { type="text" id="error" disabled={true} - class="bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500" + className="bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500" placeholder={name} defaultValue={value} /> - <p class="mt-2 text-sm text-red-600 dark:text-red-500"> + <p className="mt-2 text-sm text-red-600 dark:text-red-500"> Need setup in .env file. </p> </div> @@ -141,10 +141,10 @@ function ShowKey({ name, value, valid }) { } return ( - <div class="mb-6"> + <div className="mb-6"> <label - for="success" - class="block mb-2 text-sm font-medium text-gray-800 dark:text-slate-200" + htmlFor="success" + className="block mb-2 text-sm font-medium text-gray-800 dark:text-slate-200" > {name} </label> @@ -152,7 +152,7 @@ function ShowKey({ name, value, valid }) { type="text" id="success" disabled={true} - class="border border-white text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500" + className="border border-white text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500" defaultValue={value} /> </div> diff --git a/frontend/src/components/Modals/MangeWorkspace/index.jsx b/frontend/src/components/Modals/MangeWorkspace/index.jsx index 675e622ee..39f93c0e3 100644 --- a/frontend/src/components/Modals/MangeWorkspace/index.jsx +++ b/frontend/src/components/Modals/MangeWorkspace/index.jsx @@ -119,10 +119,11 @@ export default function ManageWorkspace({ hideModal = noop, workspace }) { setSelectFiles([...new Set(updatedDocs)]); } else { var newDocs = []; - if (isFolder) { - const folderItems = directories.items.find( - (item) => item.name === parent - ).items; + var parentDirs = directories.items.find( + (item) => item.name === parent + ) + if (isFolder && parentDirs) { + const folderItems = parentDirs.items; newDocs = folderItems.map((item) => parent + "/" + item.name); } else { newDocs = [filepath];