[release] Interlay 2.38.1 (#1567) · interlay/interbtc-ui@afecdcc

vercel · 2023-09-26T10:17:08Z

Successfully deployed to the following URLs:

interbtc-ui-interlay – ./

interbtc-ui-interlay.vercel.app
interbtc-ui-interlay-interlay.vercel.app
interbtc-ui-interlay-git-interlay-interlay.vercel.app
app.interlay.io

-Original file line number
+Diff line change
@@ Expand Up / @@ -14,6 +14,9 @@ REACT_APP_FAUCET_URL="http://localhost:3035" @@
     REACT_APP_RELAY_CHAIN_NAME="kusama"
     DOCKER_RELAY_CHAIN_CURRENCY="KSM"
     REACT_APP_MARKET_DATA_URL="https://api.coingecko.com/api/v3/simple/price?vs_currencies=usd"
+    REACT_APP_SITE_INFORMATION_MESSAGE="This is an informational message that will be shown on every page of the application."
+    REACT_APP_SITE_INFORMATION_LINK="https://gobob.xyz"
     // Kintsugi testnet
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -0,0 +1,49 @@
+    ---
+    name: Roadmap
+    about: Add a new item to the roadmap
+    title: ''
+    labels: 'roadmap'
+    assignees: ''
+    ---
+    # Abstract
+    [ADD HERE]
+    A 2-3 sentence description of the proposal.
+    # Motivation
+    [ADD HERE]
+    Provide a motivation for including this proposal.
+    # Specification
+    [ADD HERE]
+    Provide a high-level, functional specification. The specification should be focussed on what the proposal is trying to achieve.
+    ## [OPTIONAL]Extensions
+    [OPTIONAL][ADD HERE]
+    ### [OPTIONAL][TITLE]
+    [OPTIONAL][ADD HERE]
+    # Reference Implementation
+    [OPTIONAL][ADD HERE]
+    Provide a reference implementation, proof of concept, or basic pseudo-code for a better grounds to discuss the suggested implementation. The reference implementation focusses on the how.
+    # Security Considerations
+    [ADD HERE]
+    Provide reasoning around security implications:
+    - The proposal itself
+    - The propsals implications to the existing system

-Original file line number
+Diff line change
@@ Expand Up / @@ -7,10 +7,18 @@ on: @@
     jobs:
       add-to-project:
-        name: Add issue and pull request to project
+        name: Add issue and pull request to backlog
         runs-on: ubuntu-latest
         steps:
           - uses: actions/[email protected]
             with:
               project-url: https://github.com/orgs/interlay/projects/3
               github-token: ${{ secrets.PROJECTS }}
+              label: roadmap
+              label-operator: NOT
+          - uses: actions/[email protected]
+            with:
+              project-url: https://github.com/orgs/interlay/projects/4
+              github-token: ${{ secrets.PROJECTS }}
+              label: roadmap
+              label-operator: AND

-Original file line number
+Diff line change
@@ Expand Up / @@ -23,7 +23,12 @@ @@
         "kintsugi": "/Kintsugi/Token:KINT",
         "acala-dollar": "/Acala/Token:AUSD",
         "karura": "/Bifrost/518",
-        "tether": "/Ethereum/0xdAC17F958D2ee523a2206206994597C13D831ec7"
+        "tether": "/Ethereum/0xdAC17F958D2ee523a2206206994597C13D831ec7",
+        "voucher-dot": "/Bifrost-polkadot/2304",
+        "binancecoin": "/Ethereum/0xB8c77482e45F1F44dE1745F52C74426C631bDD52",
+        "bnb": "/Ethereum/0xB8c77482e45F1F44dE1745F52C74426C631bDD52",
+        "tbtc": "/Ethereum/0x18084fbA666a33d37592fA2633fD49a74DD93a88",
+        "dai": "/Ethereum/0x6B175474E89094C44Da98b954EedeAC495271d0F",
     }
     @app.after_request
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,20 +1,21 @@
     {
       "name": "interbtc-ui",
-      "version": "2.37.0",
+      "version": "2.38.1",
       "private": true,
       "dependencies": {
         "@craco/craco": "^6.1.1",
         "@headlessui/react": "^1.1.1",
         "@heroicons/react": "^2.0.18",
         "@interlay/bridge": "^0.3.13",
-        "@interlay/interbtc-api": "2.3.7",
+        "@interlay/interbtc-api": "2.4.3",
         "@interlay/monetary-js": "0.7.3",
         "@polkadot/api": "9.14.2",
         "@polkadot/extension-dapp": "0.44.1",
         "@polkadot/react-identicon": "^2.11.1",
         "@polkadot/ui-keyring": "^2.9.7",
         "@reach/tooltip": "^0.16.0",
         "@react-aria/accordion": "^3.0.0-alpha.14",
+        "@react-aria/breadcrumbs": "^3.5.3",
         "@react-aria/button": "^3.6.4",
         "@react-aria/dialog": "^3.3.1",
         "@react-aria/focus": "^3.6.1",
@@ Expand Down Expand Up / @@ -157,7 +158,7 @@ @@
         "@polkadot/util-crypto": "^10.2.4"
       },
       "scripts": {
-        "start": "craco start",
+        "start": "NODE_OPTIONS=--openssl-legacy-provider craco start",
         "start-regtest": "cross-env REACT_APP_BITCOIN_NETWORK=regtest yarn start",
         "start-testnet": "cross-env REACT_APP_BITCOIN_NETWORK=testnet yarn start",
         "generate:defs": "ts-node --skip-project node_modules/.bin/polkadot-types-from-defs --package sample-polkadotjs-typegen/interfaces --input ./src/interfaces",
@@ Expand All / @@ -167,7 +168,7 @@ @@
         "type-check": "tsc",
         "format": "yarn prettier --write src",
         "setup": "yarn generate:defs && yarn generate:meta",
-        "build": "REACT_APP_VERSION=$npm_package_version craco build",
+        "build": "NODE_OPTIONS=--openssl-legacy-provider REACT_APP_VERSION=$npm_package_version craco build",
         "build-with-webpack-bundle-analysis": "yarn build --stats && webpack-bundle-analyzer build/bundle-stats.json -m static -r build/bundle-stats.html -O",
         "lint-and-type-check": "yarn lint && yarn type-check",
         "eject": "react-scripts eject",
@@ Expand Down @@

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

1 comment on commit `afecdcc`

vercel bot commented on `afecdcc` Sep 26, 2023

-Original file line number
+Diff line change
@@ Expand Up / @@ -5,22 +5,20 @@ import * as React from 'react'; @@
     import { useErrorHandler, withErrorBoundary } from 'react-error-boundary';
     import { useQuery } from 'react-query';
     import { useDispatch, useSelector } from 'react-redux';
-    import { Route, Switch } from 'react-router-dom';
+    import { Redirect, Route, Switch } from 'react-router-dom';
     import { isVaultClientLoaded } from '@/common/actions/general.actions';
     import { StoreType } from '@/common/types/util.types';
+    import { Layout, TransactionModal } from '@/components';
     import ErrorFallback from '@/legacy-components/ErrorFallback';
     import FullLoadingSpinner from '@/legacy-components/FullLoadingSpinner';
     import { useSubstrate, useSubstrateSecureState } from '@/lib/substrate';
     import graphqlFetcher, { GRAPHQL_FETCHER, GraphqlReturn } from '@/services/fetchers/graphql-fetcher';
     import vaultsByAccountIdQuery from '@/services/queries/vaults-by-accountId-query';
-    import { BitcoinNetwork } from '@/types/bitcoin';
     import { PAGES } from '@/utils/constants/links';
-    import { Layout, TransactionModal } from './components';
     import * as constants from './constants';
     import { FeatureFlags, useFeatureFlag } from './hooks/use-feature-flag';
-    import TestnetBanner from './legacy-components/TestnetBanner';
     const BTC = React.lazy(() => import(/* webpackChunkName: 'btc' */ '@/pages/BTC'));
     const Strategies = React.lazy(() => import(/* webpackChunkName: 'strategies' */ '@/pages/Strategies'));
@@ Expand Down Expand Up / @@ -80,7 +78,6 @@ const App = (): JSX.Element => { @@
       return (
         <Layout>
-          {process.env.REACT_APP_BITCOIN_NETWORK === BitcoinNetwork.Testnet && <TestnetBanner />}
           <Route
             render={({ location }) => (
               <React.Suspense fallback={<FullLoadingSpinner />}>
@@ Expand Down Expand Up / @@ -119,7 +116,7 @@ const App = (): JSX.Element => { @@
                     <Route path={PAGES.POOLS}>
                       <Pools />
                     </Route>
-                    <Route path={[PAGES.HOME, PAGES.WALLET]}>
+                    <Route path={PAGES.WALLET}>
                       <Wallet />
                     </Route>
                     {isStrategiesEnabled && (
@@ Expand All / @@ -140,6 +137,9 @@ const App = (): JSX.Element => { @@
                     <Route path={PAGES.ACTIONS}>
                       <Actions />
                     </Route>
+                    <Route exact path={PAGES.HOME}>
+                      <Redirect to={PAGES.WALLET} />
+                    </Route>
                     <Route path='*'>
                       <NoMatch />
                     </Route>
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -0,0 +1,21 @@
+    import { forwardRef } from 'react';
+    import { Icon, IconProps } from '@/component-library/Icon';
+    const ChevronRight = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
+      <Icon
+        {...props}
+        ref={ref}
+        xmlns='http://www.w3.org/2000/svg'
+        fill='none'
+        viewBox='0 0 24 24'
+        strokeWidth='1.5'
+        stroke='currentColor'
+      >
+        <path strokeLinecap='round' strokeLinejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' />
+      </Icon>
+    ));
+    ChevronRight.displayName = 'ChevronRight';
+    export { ChevronRight };

-Original file line number
+Diff line change
@@ Expand Up / @@ -5,6 +5,7 @@ export { ArrowsUpDown } from './ArrowsUpDown'; @@
     export { ArrowTopRightOnSquare } from './ArrowTopRightOnSquare';
     export { CheckCircle } from './CheckCircle';
     export { ChevronDown } from './ChevronDown';
+    export { ChevronRight } from './ChevronRight';
     export { Cog } from './Cog';
     export { DocumentDuplicate } from './DocumentDuplicate';
     export { InformationCircle } from './InformationCircle';
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up / @@ -667,7 +667,8 @@ @@
       },
       "strategy": {
         "withdraw_rewards_in_wrapped": "Withdraw rewards in {{wrappedCurrencySymbol}}:",
-        "update_position": "Update position"
+        "update_position": "Update position",
+        "initialize": "Initialize strategy"
       },
       "transaction": {
         "recent_transactions": "Recent transactions",
@@ Expand Down Expand Up / @@ -779,6 +780,9 @@ @@
         "low_risk_approach_generate_passive_income": "Discover a straightforward and low-risk approach to generate passive income. This strategy lends out deposited {{ticker}} to borrowers, allowing you to earn interest effortlessly",
         "how_does_it_work": "How does it work?",
         "what_are_the_risk": "What are the risks?",
-        "discover_fundamental_origins": "Discover the fundamental origins of the position, potential risks involved, the allocation of your capital, and other pertinent details in the docs section."
+        "discover_fundamental_origins": "Discover the fundamental origins of the position, potential risks involved, the allocation of your capital, and other pertinent details in the docs section.",
+        "proxy_deposit": "{{currency}} Proxy Deposit",
+        "proxy_deposit_tooltip": "This amount will be locked while the strategy is active. When you fully exit strategy deposit will be returned.",
+        "proxy_deposit_insufficient_funds": "Insufficient funds: 26 {{currency}} is required for proxy deposit locking."
       }
     }

-Original file line number
+Diff line change
@@ Expand Up @@
       const { format } = new Intl.NumberFormat(undefined, {
         style: 'currency',
         currency: 'USD',
-        notation: options?.compact ? getFormatUSDNotation(amount) : undefined
+        notation: options?.compact ? getFormatUSDNotation(amount) : undefined,
+        minimumFractionDigits: amount > 0 && amount < 0.01 ? 3 : undefined
       });
       return format(amount);
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up / @@ -12,14 +12,14 @@ interface StyledAlertProps { @@
     const StyledAlert = styled(Flex)<StyledAlertProps>`
       padding: ${theme.spacing.spacing2};
-      color: ${({ $status }) => theme.alert.status[$status]};
       border: 1px solid ${({ $status }) => theme.alert.status[$status]};
       background-color: ${({ $status }) => theme.alert.bg[$status]};
       border-radius: ${theme.rounded.md};
       font-size: ${theme.text.xs};
     `;
-    const StyledWarningIcon = styled(WarningIcon)`
+    const StyledWarningIcon = styled(WarningIcon)<StyledAlertProps>`
+      color: ${({ $status }) => theme.alert.status[$status]};
       width: ${theme.spacing.spacing5};
       height: ${theme.spacing.spacing5};
       flex-shrink: 0;
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ type AlertProps = Props & InheritAttrs; @@
     const Alert = ({ status = 'success', children, ...props }: AlertProps): JSX.Element => (
       <StyledAlert $status={status} role='alert' gap='spacing4' alignItems='center' {...props}>
-        <StyledWarningIcon />
+        <StyledWarningIcon $status={status} />
         <div>{children}</div>
       </StyledAlert>
     );
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -0,0 +1,56 @@
+    import { AriaBreadcrumbsProps, useBreadcrumbItem } from '@react-aria/breadcrumbs';
+    import { mergeProps } from '@react-aria/utils';
+    import { AnchorHTMLAttributes, Fragment, useRef } from 'react';
+    import { ChevronRight } from '@/assets/icons';
+    import { TextLinkProps } from '../TextLink';
+    import { StyledLinkBreadcrumb, StyledSpanBreadcrumb } from './Breadcrumbs.style';
+    type Props = {
+      isDisabled?: boolean;
+      isCurrent: boolean;
+      to: TextLinkProps['to'];
+    };
+    type InheritAttrs = Omit<AriaBreadcrumbsProps, keyof Props>;
+    type NativeAttrs = Omit<AnchorHTMLAttributes<unknown>, keyof (Props & InheritAttrs)>;
+    type BreadcrumbItemProps = Props & NativeAttrs & InheritAttrs;
+    const BreadcrumbItem = ({ children, isDisabled, isCurrent, to, ...props }: BreadcrumbItemProps): JSX.Element => {
+      const ref = useRef(null);
+      const { itemProps } = useBreadcrumbItem(
+        {
+          ...props,
+          children,
+          isDisabled: isCurrent,
+          elementType: isCurrent ? 'span' : 'a'
+        },
+        ref
+      );
+      const commonProps: Pick<TextLinkProps, 'size' | 'color'> = {
+        size: 's',
+        color: isCurrent ? 'secondary' : 'tertiary'
+      };
+      return (
+        <Fragment>
+          {isCurrent ? (
+            <StyledSpanBreadcrumb ref={ref} {...mergeProps(commonProps, itemProps)}>
+              {children}
+            </StyledSpanBreadcrumb>
+          ) : (
+            <StyledLinkBreadcrumb ref={ref} to={to} $isDisabled={isDisabled} {...mergeProps(commonProps, itemProps)}>
+              {children}
+            </StyledLinkBreadcrumb>
+          )}
+          {isCurrent === false && <ChevronRight size='xs' color='tertiary' />}
+        </Fragment>
+      );
+    };
+    export { BreadcrumbItem };
+    export type { BreadcrumbItemProps };

-Original file line number
+Diff line change
@@ -0,0 +1,20 @@
+    import { Meta, Story } from '@storybook/react';
+    import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from '.';
+    const Template: Story<BreadcrumbsProps> = (args) => (
+      <Breadcrumbs {...args}>
+        <BreadcrumbItem to='#'>Strategies</BreadcrumbItem>
+        <BreadcrumbItem to='#'>BTC Passive Income</BreadcrumbItem>
+      </Breadcrumbs>
+    );
+    const Default = Template.bind({});
+    Default.args = {};
+    export { Default };
+    export default {
+      title: 'Forms/Breadcrumbs',
+      component: Breadcrumbs
+    } as Meta;

-Original file line number
+Diff line change
@@ -0,0 +1,40 @@
+    import styled from 'styled-components';
+    import { Span } from '../Text';
+    import { TextLink } from '../TextLink';
+    import { theme } from '../theme';
+    type StyledBreadcrumbProps = {
+      $isDisabled?: boolean;
+    };
+    const StyledNav = styled.nav``;
+    const StyledList = styled.ul`
+      flex-wrap: nowrap;
+      flex: 1 0;
+      justify-content: flex-start;
+      margin: 0;
+      padding: 0;
+      list-style-type: none;
+      display: flex;
+    `;
+    const StyledListItem = styled.li`
+      justify-content: flex-start;
+      align-items: center;
+      display: inline-flex;
+      position: relative;
+    `;
+    const StyledSpanBreadcrumb = styled(Span)<StyledBreadcrumbProps>`
+      padding: 0 ${theme.spacing.spacing2};
+      cursor: default;
+    `;
+    const StyledLinkBreadcrumb = styled(TextLink)<StyledBreadcrumbProps>`
+      padding: 0 ${theme.spacing.spacing2};
+      text-decoration: none;
+    `;
+    export { StyledLinkBreadcrumb, StyledList, StyledListItem, StyledNav, StyledSpanBreadcrumb };

Commit

There are no files selected for viewing

1 comment on commit afecdcc

vercel bot commented on afecdcc Sep 26, 2023

Choose a reason for hiding this comment

interbtc-ui-interlay – ./

1 comment on commit `afecdcc`

vercel bot commented on `afecdcc` Sep 26, 2023