(lint)

frontend/src/modals/AddToolModal.tsx

@@ -2,7 +2,6 @@ import React, { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import userService from '../api/services/userService';
-import Exit from '../assets/exit.svg';
 import { useOutsideAlerter } from '../hooks';
 import { ActiveState } from '../models/misc';
 import ConfigToolModal from './ConfigToolModal';
@@ -90,7 +89,7 @@ export default function AddToolModal({
   return (
     <>
       {modalState === 'ACTIVE' && (
-        <WrapperComponent 
+        <WrapperComponent
           close={() => setModalState('INACTIVE')}
           className="h-[85vh] w-[90vw] md:w-[75vw]"
         >

frontend/src/modals/ConfigToolModal.tsx

@@ -43,9 +43,7 @@ export default function ConfigToolModal({
   if (modalState !== 'ACTIVE') return null;
 
   return (
-    <WrapperModal
-      close={() => setModalState('INACTIVE')}
-    >
+    <WrapperModal close={() => setModalState('INACTIVE')}>
       <div>
         <h2 className="font-semibold text-xl text-jet dark:text-bright-gray px-3">
           {t('modals.configTool.title')}

frontend/src/modals/CreateAPIKeyModal.tsx

@@ -73,7 +73,7 @@ export default function CreateAPIKeyModal({
     handleFetchPrompts();
   }, []);
   return (
-    <WrapperModal close={close} className='p-4'>
+    <WrapperModal close={close} className="p-4">
       <div className="mb-6">
         <span className="text-xl text-jet dark:text-bright-gray">
           {t('modals.createAPIKey.label')}
@@ -86,7 +86,7 @@ export default function CreateAPIKeyModal({
           value={APIKeyName}
           label={t('modals.createAPIKey.apiKeyName')}
           onChange={(e) => setAPIKeyName(e.target.value)}
-          borderVariant='thin'
+          borderVariant="thin"
         ></Input>
       </div>
       <div className="my-4">

frontend/src/modals/SaveAPIKeyModal.tsx

@@ -26,8 +26,12 @@ export default function SaveAPIKeyModal({
       </h3>
       <div className="flex justify-between py-2">
         <div>
-          <h2 className="text-base font-semibold text-jet dark:text-bright-gray">API Key</h2>
-          <span className="text-sm font-normal leading-7 text-jet dark:text-bright-gray">{apiKey}</span>
+          <h2 className="text-base font-semibold text-jet dark:text-bright-gray">
+            API Key
+          </h2>
+          <span className="text-sm font-normal leading-7 text-jet dark:text-bright-gray">
+            {apiKey}
+          </span>
         </div>
         <button
           className="my-1 h-10 w-20 rounded-full border border-solid border-purple-30 p-2 text-sm text-purple-30 hover:bg-purple-30 hover:text-white"
@@ -45,4 +49,3 @@ export default function SaveAPIKeyModal({
     </WrapperModal>
   );
 }
-

frontend/src/modals/WrapperModal.tsx

@@ -59,9 +59,7 @@ export default function WrapperModal({
             <img className="filter dark:invert" src={Exit} alt="Close" />
           </button>
         )}
-        <div className={`${contentClassName}`}>
-          {children}
-        </div>
+        <div className={`${contentClassName}`}>{children}</div>
       </div>
     </div>
   );