This commit is contained in:
ManishMadan2882 committed 2025-02-21 00:54:06 +05:30
1 parent c2b0ed85d2
commit 84661cea36
3 files changed
+31 -38

No files matched your search

+3 -3
View File
@@ -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
+25 -34
View File
@@ -99,7 +99,7 @@ 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')}
@@ -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>
); );
} }
+3 -1
View File
@@ -285,7 +285,9 @@ 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"