Minor surplus fixes

core/package.json

@@ -9,7 +9,7 @@
     "start": "node .",
     "test": "npx hardhat test --network testnetwork --config local.hardhat.config.ts",
     "lint": "eslint --ext \".js,.ts\" --ignore-path .gitignore . --max-warnings=0",
-    "hardhat:silent": "npx hardhat node 1>&/dev/null",
+    "hardhat:silent": "npx hardhat node &> /dev/null",
     "hardhat": "npx hardhat node",
     "hardhat:simulations": "npx hardhat --network testnetwork --config local.hardhat.config.ts run ./simulations/index.ts",
     "simulate": "npm-run-all --parallel hardhat:silent hardhat:simulations"

core/src/surplus.ts

@@ -205,11 +205,14 @@ export const enrichSurplusAuction = async (
     network: string,
     auction: SurplusAuctionActive
 ): Promise<SurplusAuctionTransaction> => {
-    const nextMinimumBid = await getNextMinimumBid(network, auction);
+    let nextMinimumBid = await getNextMinimumBid(network, auction);
     const unitPrice = auction.bidAmountMKR.div(auction.receiveAmountDAI);
     const marketUnitPrice = await getMarketPriceMkr(network, auction.bidAmountMKR);
     const marketUnitPriceToUnitPriceRatio = unitPrice.minus(marketUnitPrice).dividedBy(marketUnitPrice);
     const fees = await getSurplusTransactionFees(network);
+    if (nextMinimumBid.isZero()) {
+        nextMinimumBid = new BigNumber(1000).plus(fees.combinedBidFeesDai).div(marketUnitPrice);
+    }
     return {
         ...auction,
         ...fees,

frontend/components/auction/surplus/SurplusAuctionBidTransactionTable.vue

@@ -3,7 +3,7 @@
         <div class="flex justify-between">
             <div>Auction State</div>
             <div>
-                <time-till :date="auction.auctionEndDate" />
+                <SurplusAuctionState :state="auction.state" :end-date="auction.earliestEndDate" />
             </div>
         </div>
         <div class="flex justify-between">
@@ -82,22 +82,22 @@
 </template>
 
 <script lang="ts">
-import type { SurplusAuction } from 'auctions-core/src/types';
 import Vue from 'vue';
 import BigNumber from 'bignumber.js';
-import BidInput from '../../common/inputs/BidInput.vue';
-import TimeTill from '~/components/common/formatters/TimeTill.vue';
+import type { SurplusAuctionTransaction } from 'auctions-core/src/types';
+import SurplusAuctionState from '~/components/auction/surplus/SurplusAuctionState.vue';
+import BidInput from '~/components/common/inputs/BidInput.vue';
 import FormatCurrency from '~/components/common/formatters/FormatCurrency.vue';
 
 export default Vue.extend({
     components: {
-        TimeTill,
+        SurplusAuctionState,
         FormatCurrency,
         BidInput,
     },
     props: {
         auction: {
-            type: Object as Vue.PropType<SurplusAuction>,
+            type: Object as Vue.PropType<SurplusAuctionTransaction>,
             required: true,
         },
     },

frontend/components/auction/surplus/SurplusAuctionState.stories.js

@@ -0,0 +1,22 @@
+import { storiesOf } from '@storybook/vue';
+import faker from 'faker';
+import SurplusAuctionState from './SurplusAuctionState';
+
+const common = {
+    components: { SurplusAuctionState },
+    data: () => ({
+        state: faker.helpers.randomize([
+            'just-started',
+            'have-bids',
+            'ready-for-collection',
+            'requires-restart',
+            'collected',
+        ]),
+        endDate: new Date(faker.date.recent()),
+    }),
+};
+
+storiesOf('Auction/Surplus/SurplusAuctionState', module).add('Default', () => ({
+    ...common,
+    template: '<SurplusAuctionState :state="state" :end-date="endDate" />',
+}));

frontend/components/auction/surplus/SurplusAuctionState.vue

@@ -0,0 +1,32 @@
+<template>
+    <div>
+        <span v-if="state === 'collected'"> Collected </span>
+        <span v-else-if="state === 'requires-restart'"> Requires Restart </span>
+        <span v-else-if="state === 'ready-for-collection'"> Collectable since </span>
+        <span v-else> Expires in </span>
+        <TimeTill v-if="state !== 'requires-restart'" :date="endDate" />
+    </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { SurplusAuctionStates } from 'auctions-core/src/types';
+import TimeTill from '~/components/common/formatters/TimeTill.vue';
+
+export default Vue.extend({
+    name: 'SurplusAuctionState',
+    components: {
+        TimeTill,
+    },
+    props: {
+        state: {
+            type: String as Vue.PropType<SurplusAuctionStates>,
+            required: true,
+        },
+        endDate: {
+            type: [String, Number, Date],
+            default: '',
+        },
+    },
+});
+</script>

frontend/components/auction/surplus/SurplusAuctionsTable.vue

@@ -41,11 +41,7 @@
                 <span v-else class="opacity-50">Unknown</span>
             </div>
             <div slot="state" slot-scope="state, record">
-                <span v-if="state === 'collected'"> Collected </span>
-                <span v-else-if="state === 'requires-restart'"> Requires Restart </span>
-                <span v-else-if="state === 'ready-for-collection'"> Collectable since </span>
-                <span v-else> Expires in </span>
-                <time-till v-if="state !== 'requires-restart'" :date="record.earliestEndDate" />
+                <SurplusAuctionState :state="state" :end-date="record.earliestEndDate" />
             </div>
             <div slot="updatingStatus" class="opacity-50 font-normal">
                 <div v-if="isLoading" class="flex items-center space-x-2">
@@ -76,13 +72,14 @@
 <script lang="ts">
 import Vue, { PropType } from 'vue';
 import { Table } from 'ant-design-vue';
-import { SurplusAuctionTransaction } from 'auctions-core/src/types';
 import { compareAsc } from 'date-fns';
+import { SurplusAuctionTransaction } from 'auctions-core/src/types';
+import LoadingIcon from '~/assets/icons/loading.svg';
+import SurplusAuctionState from '~/components/auction/surplus/SurplusAuctionState.vue';
 import Loading from '~/components/common/other/Loading.vue';
 import TimeTill from '~/components/common/formatters/TimeTill.vue';
 import FormatMarketValue from '~/components/common/formatters/FormatMarketValue.vue';
 import FormatCurrency from '~/components/common/formatters/FormatCurrency.vue';
-import LoadingIcon from '~/assets/icons/loading.svg';
 
 const compareBy = function (field: string, cmp: Function = (a: number, b: number): number => a - b): Function {
     return (aAuction: any, bAuction: any, sortOrder: string) => {
@@ -145,6 +142,7 @@ const STATES_FILTERS: { text: string; value: string }[] = [
 export default Vue.extend({
     name: 'SurplusAuctionsTable',
     components: {
+        SurplusAuctionState,
         Loading,
         Table,
         TimeTill,