Qortal/q-trade
1
0
Fork 0
mirror of https://github.com/Qortal/q-trade.git synced 2025-06-20 05:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
PhilReact 2024-12-24 01:32:14 +02:00
parent 55035f8c43
commit 15d8bcbc65
2 changed files with 37 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/Grids/TradeOffers.tsx
View File

@ -109,41 +109,43 @@ export const TradeOffers: React.FC<any> = ({foreignCoinBalance}:any) => {
}
}
const columnDefs: ColDef[] = [
{
headerCheckboxSelection: true, // Adds a checkbox in the header for selecting all rows
checkboxSelection: true, // Adds checkboxes in each row for selection
headerName: "Select", // You can customize the header name
width: 50, // Adjust the width as needed
pinned: 'left', // Optional, to pin this column on the left
resizable: false,
},
{ headerName: "QORT AMOUNT", field: "qortAmount" , flex: 1, // Flex makes this column responsive
minWidth: 150, // Ensure it doesn't shrink too much
resizable: true },
{ headerName: `${getCoinLabel()}/QORT`, valueGetter: (params) => +params.data.foreignAmount / +params.data.qortAmount, sortable: true, sort: 'asc', flex: 1, // Flex makes this column responsive
minWidth: 150, // Ensure it doesn't shrink too much
resizable: true },
{ headerName: `Total ${getCoinLabel()} Value`, field: "foreignAmount", flex: 1, // Flex makes this column responsive
minWidth: 150, // Ensure it doesn't shrink too much
resizable: true },
{ headerName: "Seller", field: "qortalCreator", flex: 1, // Flex makes this column responsive
minWidth: 300, // Ensure it doesn't shrink too much
resizable: true, valueGetter: (params)=> {
if(params?.data?.qortalCreator){
if(qortalNames[params?.data?.qortalCreator]){
return qortalNames[params?.data?.qortalCreator]
} else if(qortalNames[params?.data?.qortalCreator] === undefined){
getName(params?.data?.qortalCreator)
return params?.data?.qortalCreator
} else {
return params?.data?.qortalCreator
const columnDefs: ColDef[] = useMemo(()=> {
return [
{
headerCheckboxSelection: true, // Adds a checkbox in the header for selecting all rows
checkboxSelection: true, // Adds checkboxes in each row for selection
headerName: "", // You can customize the header name
width: 50, // Adjust the width as needed
pinned: 'left', // Optional, to pin this column on the left
resizable: false,
},
{ headerName: "QORT AMOUNT", field: "qortAmount" , flex: 1, // Flex makes this column responsive
minWidth: 150, // Ensure it doesn't shrink too much
resizable: true },
{ headerName: `${getCoinLabel()}/QORT`, valueGetter: (params) => +params.data.foreignAmount / +params.data.qortAmount, sortable: true, sort: 'asc', flex: 1, // Flex makes this column responsive
minWidth: 150, // Ensure it doesn't shrink too much
resizable: true },
{ headerName: `Total ${getCoinLabel()} Value`, field: "foreignAmount", flex: 1, // Flex makes this column responsive
minWidth: 150, // Ensure it doesn't shrink too much
resizable: true },
{ headerName: "Seller", field: "qortalCreator", flex: 1, // Flex makes this column responsive
minWidth: 300, // Ensure it doesn't shrink too much
resizable: true, valueGetter: (params)=> {
if(params?.data?.qortalCreator){
if(qortalNames[params?.data?.qortalCreator]){
return qortalNames[params?.data?.qortalCreator]
} else if(qortalNames[params?.data?.qortalCreator] === undefined){
getName(params?.data?.qortalCreator)
return params?.data?.qortalCreator
} else {
return params?.data?.qortalCreator
}
}
}
} },
];
} },
];
},[qortalNames])

2
src/components/header/Header.tsx
View File

@ -345,7 +345,7 @@ export const Header = ({
}}
>
<img
src={getCoinIcon(getCoinLabel(selectedCoin))}
src={getCoinIcon(getCoinLabel())}
style={{
height: "25px",
width: "auto",