@huma-finance/widgets 0.0.37 → 0.0.38-beta.0

package/public/robots.txt

@@ -1,3 +1,3 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/rollup.config.js

@@ -1,81 +1,81 @@
-const { babel } = require('@rollup/plugin-babel')
-const commonjs = require('@rollup/plugin-commonjs')
-const inject = require('@rollup/plugin-inject')
-const json = require('@rollup/plugin-json')
-const { nodeResolve: resolve } = require('@rollup/plugin-node-resolve')
-const { default: dts } = require('rollup-plugin-dts')
-const url = require('@rollup/plugin-url')
-const svgr = require('@svgr/rollup')
-const externals = require('rollup-plugin-node-externals')
-const sass = require('rollup-plugin-scss')
-
-const EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx']
-
-const transpile = {
-  input: 'src/index.tsx',
-  external: (source) => {
-    return source.startsWith('@ethersproject/')
-  },
-  plugins: [
-    externals({
-      exclude: [/\.json$/, /\.css$/],
-      deps: true,
-      peerDeps: true,
-    }),
-    resolve({ extensions: EXTENSIONS }),
-    json(),
-    url({ include: ['**/*.png', '**/*.svg', '**/*.gif'], limit: Infinity }),
-    svgr({ jsxRuntime: 'automatic' }),
-    sass(),
-    commonjs(),
-
-    babel({
-      babelHelpers: 'runtime',
-      extensions: EXTENSIONS,
-    }),
-    inject({ React: 'react' }),
-  ],
-  onwarn: (warning, warn) => {
-    if (warning.code === 'UNUSED_EXTERNAL_IMPORT') return
-    if (warning.code === 'THIS_IS_UNDEFINED') return
-    if (warning.code === 'CIRCULAR_DEPENDENCY') return
-
-    warn(warning)
-    console.log(warning.loc, '\n')
-  },
-}
-
-const esm = {
-  ...transpile,
-  output: {
-    file: 'dist/index.js',
-    format: 'esm',
-    sourcemap: true,
-  },
-}
-
-const cjs = {
-  ...transpile,
-  output: {
-    dir: 'dist/cjs',
-    entryFileNames: '[name].cjs',
-    chunkFileNames: '[name]-[hash].cjs',
-    format: 'cjs',
-    sourcemap: true,
-  },
-  watch: false,
-}
-
-const types = {
-  input: 'dts/index.d.ts',
-  output: { file: 'dist/index.d.ts' },
-  external: (source) =>
-    source.endsWith('.css') || source.endsWith('/external.d.ts'),
-  plugins: [dts({ compilerOptions: { baseUrl: 'dts' } })],
-  watch: false,
-}
-
-const config = [esm, cjs, types]
-config.config = { ...esm, output: { ...esm.output, sourcemap: true } }
-
-module.exports = config
+const { babel } = require('@rollup/plugin-babel')
+const commonjs = require('@rollup/plugin-commonjs')
+const inject = require('@rollup/plugin-inject')
+const json = require('@rollup/plugin-json')
+const { nodeResolve: resolve } = require('@rollup/plugin-node-resolve')
+const { default: dts } = require('rollup-plugin-dts')
+const url = require('@rollup/plugin-url')
+const svgr = require('@svgr/rollup')
+const externals = require('rollup-plugin-node-externals')
+const sass = require('rollup-plugin-scss')
+
+const EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx']
+
+const transpile = {
+  input: 'src/index.tsx',
+  external: (source) => {
+    return source.startsWith('@ethersproject/')
+  },
+  plugins: [
+    externals({
+      exclude: [/\.json$/, /\.css$/],
+      deps: true,
+      peerDeps: true,
+    }),
+    resolve({ extensions: EXTENSIONS }),
+    json(),
+    url({ include: ['**/*.png', '**/*.svg', '**/*.gif'], limit: Infinity }),
+    svgr({ jsxRuntime: 'automatic' }),
+    sass(),
+    commonjs(),
+
+    babel({
+      babelHelpers: 'runtime',
+      extensions: EXTENSIONS,
+    }),
+    inject({ React: 'react' }),
+  ],
+  onwarn: (warning, warn) => {
+    if (warning.code === 'UNUSED_EXTERNAL_IMPORT') return
+    if (warning.code === 'THIS_IS_UNDEFINED') return
+    if (warning.code === 'CIRCULAR_DEPENDENCY') return
+
+    warn(warning)
+    console.log(warning.loc, '\n')
+  },
+}
+
+const esm = {
+  ...transpile,
+  output: {
+    file: 'dist/index.js',
+    format: 'esm',
+    sourcemap: true,
+  },
+}
+
+const cjs = {
+  ...transpile,
+  output: {
+    dir: 'dist/cjs',
+    entryFileNames: '[name].cjs',
+    chunkFileNames: '[name]-[hash].cjs',
+    format: 'cjs',
+    sourcemap: true,
+  },
+  watch: false,
+}
+
+const types = {
+  input: 'dts/index.d.ts',
+  output: { file: 'dist/index.d.ts' },
+  external: (source) =>
+    source.endsWith('.css') || source.endsWith('/external.d.ts'),
+  plugins: [dts({ compilerOptions: { baseUrl: 'dts' } })],
+  watch: false,
+}
+
+const config = [esm, cjs, types]
+config.config = { ...esm, output: { ...esm.output, sourcemap: true } }
+
+module.exports = config

package/src/components/Activity.tsx

@@ -1,128 +1,128 @@
-import { gql, useQuery } from '@apollo/client'
-import {
-  CreditEvent,
-  CreditEventText,
-  downScale,
-  isEmpty,
-  PoolInfoType,
-  timeUtil,
-  useMQ,
-} from '@huma-finance/shared'
-import { Box, css } from '@mui/material'
-import { useWeb3React } from '@web3-react/core'
-import { useEffect, useState } from 'react'
-
-import { HumaTable } from './HumaTable'
-
-const GET_ACTIVITY = gql`
-  query GetCreditLineActivity($pool: String!, $owner: String!, $event: [Int]!) {
-    creditEvents(
-      where: { pool: $pool, owner: $owner, event_in: $event }
-      orderBy: timestamp
-      orderDirection: desc
-    ) {
-      id
-      amount
-      timestamp
-      owner
-      pool
-      event
-    }
-  }
-`
-
-type Props = {
-  poolInfo: PoolInfoType
-  targetEvents: CreditEvent[]
-}
-
-type ActivityDataType = {
-  id: string
-  owner: string
-  pool: string
-  timestamp: string
-  amount: string
-  event: number
-  eventText: string | undefined
-}
-
-const columns = [
-  { title: 'Action', dataIndex: 'eventText' },
-  {
-    title: 'Amount',
-    action: (record: { amount: string }) => {
-      if (isEmpty(record.amount) || Number.isNaN(record.amount)) {
-        return ''
-      }
-      return Number(record.amount).toFixed(2)
-    },
-  },
-  { title: 'Date', dataIndex: 'timestamp' },
-]
-
-export function Activity({
-  poolInfo,
-  targetEvents,
-}: Props): React.ReactElement | null {
-  const { account } = useWeb3React()
-  const { decimals } = poolInfo.poolUnderlyingToken
-  const [events, setEvents] = useState<ActivityDataType[] | undefined>()
-  const { data } = useQuery<{
-    creditEvents: ActivityDataType[]
-  }>(GET_ACTIVITY, {
-    variables: {
-      pool: poolInfo.pool,
-      owner: account,
-      event: targetEvents,
-    },
-  })
-  const { isSmSize } = useMQ()
-
-  const getPadding = () => {
-    if (isSmSize) {
-      return '16px 24px'
-    }
-    return '33px 48px'
-  }
-
-  useEffect(() => {
-    if (!data?.creditEvents) {
-      return
-    }
-    const result = data.creditEvents.map((item) => {
-      const event = JSON.parse(JSON.stringify(item)) as ActivityDataType
-      event.eventText = CreditEventText[item.event]
-      event.amount = downScale(event.amount, decimals)
-      event.timestamp = timeUtil.timestampToLL(Number(event.timestamp))
-      return event
-    })
-    setEvents(result)
-  }, [data?.creditEvents, decimals])
-
-  const styles = {
-    wrapper: css`
-      margin-top: 71px;
-    `,
-    title: css`
-      font-family: 'Uni-Neue-Black';
-      font-size: 24px;
-      color: #6b6572;
-      margin-bottom: 14px;
-    `,
-    tableWrapper: css`
-      background: #ffffff;
-      box-shadow: 0px 4px 40px 8px rgba(0, 0, 0, 0.04);
-      border-radius: 24px;
-      padding: ${getPadding()};
-    `,
-  }
-
-  return (
-    <Box css={styles.wrapper}>
-      <Box css={styles.title}>Recent Activity</Box>
-      <Box css={styles.tableWrapper}>
-        <HumaTable columns={columns} rows={events} hideRowsPerPage={isSmSize} />
-      </Box>
-    </Box>
-  )
-}
+import { gql, useQuery } from '@apollo/client'
+import {
+  CreditEvent,
+  CreditEventText,
+  downScale,
+  isEmpty,
+  PoolInfoType,
+  timeUtil,
+  useMQ,
+} from '@huma-finance/shared'
+import { Box, css } from '@mui/material'
+import { useWeb3React } from '@web3-react/core'
+import { useEffect, useState } from 'react'
+
+import { HumaTable } from './HumaTable'
+
+const GET_ACTIVITY = gql`
+  query GetCreditLineActivity($pool: String!, $owner: String!, $event: [Int]!) {
+    creditEvents(
+      where: { pool: $pool, owner: $owner, event_in: $event }
+      orderBy: timestamp
+      orderDirection: desc
+    ) {
+      id
+      amount
+      timestamp
+      owner
+      pool
+      event
+    }
+  }
+`
+
+type Props = {
+  poolInfo: PoolInfoType
+  targetEvents: CreditEvent[]
+}
+
+type ActivityDataType = {
+  id: string
+  owner: string
+  pool: string
+  timestamp: string
+  amount: string
+  event: number
+  eventText: string | undefined
+}
+
+const columns = [
+  { title: 'Action', dataIndex: 'eventText' },
+  {
+    title: 'Amount',
+    action: (record: { amount: string }) => {
+      if (isEmpty(record.amount) || Number.isNaN(record.amount)) {
+        return ''
+      }
+      return Number(record.amount).toFixed(2)
+    },
+  },
+  { title: 'Date', dataIndex: 'timestamp' },
+]
+
+export function Activity({
+  poolInfo,
+  targetEvents,
+}: Props): React.ReactElement | null {
+  const { account } = useWeb3React()
+  const { decimals } = poolInfo.poolUnderlyingToken
+  const [events, setEvents] = useState<ActivityDataType[] | undefined>()
+  const { data } = useQuery<{
+    creditEvents: ActivityDataType[]
+  }>(GET_ACTIVITY, {
+    variables: {
+      pool: poolInfo.pool,
+      owner: account,
+      event: targetEvents,
+    },
+  })
+  const { isSmSize } = useMQ()
+
+  const getPadding = () => {
+    if (isSmSize) {
+      return '16px 24px'
+    }
+    return '33px 48px'
+  }
+
+  useEffect(() => {
+    if (!data?.creditEvents) {
+      return
+    }
+    const result = data.creditEvents.map((item) => {
+      const event = JSON.parse(JSON.stringify(item)) as ActivityDataType
+      event.eventText = CreditEventText[item.event]
+      event.amount = downScale(event.amount, decimals)
+      event.timestamp = timeUtil.timestampToLL(Number(event.timestamp))
+      return event
+    })
+    setEvents(result)
+  }, [data?.creditEvents, decimals])
+
+  const styles = {
+    wrapper: css`
+      margin-top: 71px;
+    `,
+    title: css`
+      font-family: 'Uni-Neue-Black';
+      font-size: 24px;
+      color: #6b6572;
+      margin-bottom: 14px;
+    `,
+    tableWrapper: css`
+      background: #ffffff;
+      box-shadow: 0px 4px 40px 8px rgba(0, 0, 0, 0.04);
+      border-radius: 24px;
+      padding: ${getPadding()};
+    `,
+  }
+
+  return (
+    <Box css={styles.wrapper}>
+      <Box css={styles.title}>Recent Activity</Box>
+      <Box css={styles.tableWrapper}>
+        <HumaTable columns={columns} rows={events} hideRowsPerPage={isSmSize} />
+      </Box>
+    </Box>
+  )
+}

package/src/components/ApolloWrapper.tsx

@@ -1,15 +1,15 @@
-import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client'
-
-import { WCProps } from '../utilTypes'
-
-export function ApolloWrapper({
-  uri,
-  children,
-}: WCProps<{ uri: string }>): React.ReactElement | null {
-  const client = new ApolloClient({
-    uri,
-    cache: new InMemoryCache(),
-  })
-
-  return <ApolloProvider client={client}>{children}</ApolloProvider>
-}
+import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client'
+
+import { WCProps } from '../utilTypes'
+
+export function ApolloWrapper({
+  uri,
+  children,
+}: WCProps<{ uri: string }>): React.ReactElement | null {
+  const client = new ApolloClient({
+    uri,
+    cache: new InMemoryCache(),
+  })
+
+  return <ApolloProvider client={client}>{children}</ApolloProvider>
+}