logos-storage/logos-storage-marketplace-ui
1
0
Fork 0
mirror of https://github.com/logos-storage/logos-storage-marketplace-ui.git synced 2026-01-07 16:03:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix default collateral

Browse Source
This commit is contained in:
Arnaud 2025-03-04 14:23:20 +01:00
parent e4304ae820
commit 630964fc65
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Availability/AvailabilityEdit.tsx
View File

@ -31,7 +31,7 @@ const defaultAvailabilityData: AvailabilityState = {
totalSize: 0.5,
duration: 1,
minPricePerBytePerSecond: 1,
totalCollateral: 0,
totalCollateral: Math.round(0.5 * GB),
totalSizeUnit: "gb",
durationUnit: "days",
};

19
src/components/Availability/AvailabilityForm.tsx
View File

@ -4,7 +4,7 @@ import {
SpaceAllocation,
Tooltip,
} from "@codex-storage/marketplace-ui-components";
import { ChangeEvent, useEffect } from "react";
import { ChangeEvent, useEffect, useState } from "react";
import "./AvailabilityForm.css";
import { AvailabilityComponentProps } from "./types";
import NodesIcon from "../../assets/icons/nodes.svg?react";
@ -20,6 +20,8 @@ export function AvailabilityForm({
space,
editAvailabilityValue,
}: AvailabilityComponentProps) {
const [isTotalCollateralDirty, setIsTotalCollateralDirty] = useState(false);
useEffect(() => {
let max = AvailabilityUtils.maxValue(space);
if (availability.id && editAvailabilityValue) {
@ -64,15 +66,23 @@ export function AvailabilityForm({
const onAvailablityChange = async (e: ChangeEvent<HTMLInputElement>) => {
const element = e.currentTarget;
const v = element.value;
const totalSize = parseFloat(v);
onAvailabilityChange({
totalSize: parseFloat(v),
totalSize: totalSize,
totalCollateral: isTotalCollateralDirty
? availability.totalCollateral
: Math.round(totalSize * GB),
});
};
const onInputChange = async (e: ChangeEvent<HTMLInputElement>) => {
const element = e.currentTarget;
if (element.name === "totalCollateral") {
setIsTotalCollateralDirty(true);
}
onAvailabilityChange({
[element.name]:
element.name === "name" ? element.value : parseFloat(element.value),
@ -210,10 +220,7 @@ export function AvailabilityForm({
label="Total collateral"
min={0}
onChange={onInputChange}
value={(
availability.totalCollateral ||
Math.round(availability.totalSize * GB)
).toString()}
value={availability.totalCollateral.toString()}
/>
<Tooltip
message={