finished exchanges api connections
This commit is contained in:
parent
d7780e9684
commit
e8fbe76f2e
6 changed files with 306 additions and 23 deletions
|
|
@ -187,26 +187,31 @@ export function ExchangesTable() {
|
|||
|
||||
return (
|
||||
<div className="flex flex-wrap gap-1" style={{ width: cell.column.getSize() }}>
|
||||
{sources.map(source => (
|
||||
<span
|
||||
key={source}
|
||||
className="inline-flex items-center gap-1 px-2 py-1 bg-surface-secondary rounded text-xs"
|
||||
>
|
||||
{source.toUpperCase()}
|
||||
<button
|
||||
onClick={() => handleRemoveSource(row.original._id, source)}
|
||||
className="text-danger hover:text-danger/80 transition-colors"
|
||||
{sources.map(source => {
|
||||
// The source key is already in format "source_sourcecode" from the storage
|
||||
const displayText = source.toUpperCase();
|
||||
|
||||
return (
|
||||
<span
|
||||
key={source}
|
||||
className="inline-flex items-center gap-1 px-2 py-1 bg-surface-secondary rounded text-xs"
|
||||
>
|
||||
<XMarkIcon className="h-3 w-3" />
|
||||
</button>
|
||||
</span>
|
||||
))}
|
||||
{displayText}
|
||||
<button
|
||||
onClick={() => handleRemoveSource(row.original._id, source)}
|
||||
className="text-danger hover:text-danger/80 transition-colors"
|
||||
>
|
||||
<XMarkIcon className="h-3 w-3" />
|
||||
</button>
|
||||
</span>
|
||||
);
|
||||
})}
|
||||
<button
|
||||
onClick={() => handleAddSource(row.original._id, row.original.officialName)}
|
||||
className="inline-flex items-center gap-1 px-2 py-1 bg-primary-500/20 text-primary-400 rounded text-xs hover:bg-primary-500/30 transition-colors"
|
||||
className="inline-flex items-center justify-center w-6 h-6 bg-primary-500/20 text-primary-400 rounded text-xs hover:bg-primary-500/30 transition-colors"
|
||||
title="Add Source"
|
||||
>
|
||||
<PlusIcon className="h-3 w-3" />
|
||||
Add Source
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
|
|
@ -278,6 +283,7 @@ export function ExchangesTable() {
|
|||
onClose={() => setAddSourceDialog(null)}
|
||||
onAddSource={async (sourceRequest: {
|
||||
source: string;
|
||||
source_code: string;
|
||||
mapping: { id: string; name: string; code: string; aliases: string[] };
|
||||
}) => {
|
||||
const success = await addSource(addSourceDialog.id, sourceRequest);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue