@ape.swap/bonds-sdk 1.0.739 → 1.0.741

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
10
10
  import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
11
11
  /** @jsxImportSource theme-ui */
12
12
  import { useCallback, useEffect, useMemo, useState } from 'react';
13
- import { Flex, ThemeUIProvider } from 'theme-ui';
13
+ import { Flex, Spinner, ThemeUIProvider } from 'theme-ui';
14
14
  import axios from 'axios';
15
15
  import getTimePeriods from '../../utils/getTimePeriods';
16
16
  import { defaultTheme } from '../../theme';
@@ -179,6 +179,7 @@ var Bonds = function (_a) {
179
179
  setBondsRendered(true);
180
180
  }
181
181
  }, [billstoRender]);
182
- return (_jsx(ThemeUIProvider, { theme: defaultTheme, children: _jsxs(Flex, { className: "bonds-container table-container", children: [_jsx(BondRowHeader, { inputValue: inputValue, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onInputChange: handleInputChange, onHandleQueryChange: setInputValue, onSort: handleSort }), bondsRendered && (_jsx(BondRowsByChain, { chains: chains, bonds: billstoRender, hotBonds: hotBonds, hideTitles: inputValue !== '', rowClick: rowClick }))] }) }));
182
+ return (_jsx(ThemeUIProvider, { theme: defaultTheme, children: !bondsRendered ? (_jsxs(Flex, { className: "bonds-spinner", children: [" ", _jsx(Spinner, { size: 100 }), " "] }))
183
+ : (_jsxs(Flex, { className: "bonds-container table-container", children: [_jsx(BondRowHeader, { inputValue: inputValue, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onInputChange: handleInputChange, onHandleQueryChange: setInputValue, onSort: handleSort }), _jsx(BondRowsByChain, { chains: chains, bonds: billstoRender, hotBonds: hotBonds, hideTitles: inputValue !== '', rowClick: rowClick })] })) }));
183
184
  };
184
185
  export default Bonds;
@@ -7,4 +7,11 @@
7
7
  padding-left: 100px;
8
8
  padding-right: 100px;
9
9
  padding-bottom: 50px;
10
+ }
11
+
12
+ .bonds-spinner {
13
+ display: flex;
14
+ justify-content: center;
15
+ align-items: center;
16
+ height: 100vh;
10
17
  }
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Ape Bond SDK",
4
4
  "author": "Ape Bond",
5
5
  "license": "MIT",
6
- "version": "1.0.739",
6
+ "version": "1.0.741",
7
7
  "main": "dist/index.js",
8
8
  "module": "dist/index.es.js",
9
9
  "types": "dist/index.d.ts",