mirror of
https://github.com/tiennm99/DocsGPT.git
synced 2026-10-17 00:14:24 +00:00
lint
This commit is contained in:
1 parent
c2b0ed85d2
commit
84661cea36
3 files changed
+33
-40
No files matched your search
@@ -32,9 +32,9 @@ export default function ConfirmationModal({
|
|||||||
>
|
>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<div>
|
<div>
|
||||||
<p className="font-base mb-1 w-[90%] text-lg break-words text-jet dark:text-bright-gray">
|
<p className="font-base mb-1 w-[90%] text-lg break-words text-jet dark:text-bright-gray">
|
||||||
{message}
|
{message}
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
<div className="mt-6 flex flex-row-reverse gap-1">
|
<div className="mt-6 flex flex-row-reverse gap-1">
|
||||||
<button
|
<button
|
||||||
|
|||||||
@@ -99,13 +99,13 @@ export default function APIKeys() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col w-full mt-8 max-w-full overflow-hidden">
|
<div className="flex flex-col w-full mt-8 max-w-full overflow-hidden">
|
||||||
<div className="flex flex-col relative flex-grow">
|
<div className="flex flex-col relative flex-grow">
|
||||||
<div className="mb-6">
|
<div className="mb-6">
|
||||||
<h2 className="text-base font-medium text-sonic-silver">
|
<h2 className="text-base font-medium text-sonic-silver">
|
||||||
{t('settings.apiKeys.description')}
|
{t('settings.apiKeys.description')}
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mb-6 flex flex-col sm:flex-row justify-end items-start sm:items-center gap-3">
|
<div className="mb-6 flex flex-col sm:flex-row justify-end items-start sm:items-center gap-3">
|
||||||
<button
|
<button
|
||||||
onClick={() => setCreateModal(true)}
|
onClick={() => setCreateModal(true)}
|
||||||
@@ -160,23 +160,17 @@ export default function APIKeys() {
|
|||||||
key={element.id}
|
key={element.id}
|
||||||
className="group transition-colors hover:bg-gray-50 dark:hover:bg-gray-800/50"
|
className="group transition-colors hover:bg-gray-50 dark:hover:bg-gray-800/50"
|
||||||
>
|
>
|
||||||
<td
|
<td className="py-4 px-4 text-sm text-gray-700 dark:text-[#E0E0E0] w-[35%] min-w-48 max-w-0">
|
||||||
className="py-4 px-4 text-sm text-gray-700 dark:text-[#E0E0E0] w-[35%] min-w-48 max-w-0"
|
|
||||||
>
|
|
||||||
<div className="truncate" title={element.name}>
|
<div className="truncate" title={element.name}>
|
||||||
{element.name}
|
{element.name}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td
|
<td className="py-4 px-4 text-sm text-gray-700 dark:text-[#E0E0E0] w-[35%] min-w-48 max-w-0">
|
||||||
className="py-4 px-4 text-sm text-gray-700 dark:text-[#E0E0E0] w-[35%] min-w-48 max-w-0"
|
|
||||||
>
|
|
||||||
<div className="truncate" title={element.source}>
|
<div className="truncate" title={element.source}>
|
||||||
{element.source}
|
{element.source}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td
|
<td className="py-4 px-4 text-sm font-mono text-gray-700 dark:text-[#E0E0E0] w-[25%]">
|
||||||
className="py-4 px-4 text-sm font-mono text-gray-700 dark:text-[#E0E0E0] w-[25%]"
|
|
||||||
>
|
|
||||||
<div className="truncate" title={element.key}>
|
<div className="truncate" title={element.key}>
|
||||||
{element.key}
|
{element.key}
|
||||||
</div>
|
</div>
|
||||||
@@ -209,30 +203,27 @@ export default function APIKeys() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{isCreateModalOpen && (
|
{isCreateModalOpen && (
|
||||||
<CreateAPIKeyModal
|
<CreateAPIKeyModal
|
||||||
createAPIKey={handleCreateKey}
|
createAPIKey={handleCreateKey}
|
||||||
close={() => setCreateModal(false)}
|
close={() => setCreateModal(false)}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
{isSaveKeyModalOpen && (
|
{isSaveKeyModalOpen && (
|
||||||
<SaveAPIKeyModal
|
<SaveAPIKeyModal apiKey={newKey} close={() => setSaveKeyModal(false)} />
|
||||||
apiKey={newKey}
|
)}
|
||||||
close={() => setSaveKeyModal(false)}
|
{keyToDelete && (
|
||||||
/>
|
<ConfirmationModal
|
||||||
)}
|
message={t('settings.apiKeys.deleteConfirmation', {
|
||||||
{keyToDelete && (
|
name: keyToDelete.name,
|
||||||
<ConfirmationModal
|
})}
|
||||||
message={t('settings.apiKeys.deleteConfirmation', {
|
modalState="ACTIVE"
|
||||||
name: keyToDelete.name,
|
setModalState={() => setKeyToDelete(null)}
|
||||||
})}
|
submitLabel={t('modals.deleteConv.delete')}
|
||||||
modalState="ACTIVE"
|
handleSubmit={() => handleDeleteKey(keyToDelete.id)}
|
||||||
setModalState={() => setKeyToDelete(null)}
|
handleCancel={() => setKeyToDelete(null)}
|
||||||
submitLabel={t('modals.deleteConv.delete')}
|
/>
|
||||||
handleSubmit={() => handleDeleteKey(keyToDelete.id)}
|
)}
|
||||||
handleCancel={() => setKeyToDelete(null)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -285,9 +285,11 @@ export default function Documents({
|
|||||||
{document.date ? formatDate(document.date) : ''}
|
{document.date ? formatDate(document.date) : ''}
|
||||||
</td>
|
</td>
|
||||||
<td className="py-4 px-4 text-center text-sm text-gray-700 dark:text-[#E0E0E0] whitespace-nowrap w-[25%] group-hover:bg-gray-50 dark:group-hover:bg-gray-800/50">
|
<td className="py-4 px-4 text-center text-sm text-gray-700 dark:text-[#E0E0E0] whitespace-nowrap w-[25%] group-hover:bg-gray-50 dark:group-hover:bg-gray-800/50">
|
||||||
{document.tokens ? formatTokens(+document.tokens) : ''}
|
{document.tokens
|
||||||
|
? formatTokens(+document.tokens)
|
||||||
|
: ''}
|
||||||
</td>
|
</td>
|
||||||
<td
|
<td
|
||||||
className="py-4 px-4 text-right w-[10%] group-hover:bg-gray-50 dark:group-hover:bg-gray-800/50"
|
className="py-4 px-4 text-right w-[10%] group-hover:bg-gray-50 dark:group-hover:bg-gray-800/50"
|
||||||
onClick={(e) => e.stopPropagation()} // Stop event propagation for the entire actions cell
|
onClick={(e) => e.stopPropagation()} // Stop event propagation for the entire actions cell
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in new issue
Block a user