lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: vite as build tool

Browse source
This commit is contained in:
Rafael 2024-11-30 09:47:43 +00:00
parent f936386712
commit 00dc3d0fcd
120 changed files with 21298 additions and 15076 deletions
Download patch file Download diff file Expand all files Collapse all files

1
new-lamassu-admin/.tool-versions Normal file
View file

@ -0,0 +1 @@
nodejs 22

20
new-lamassu-admin/index.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="/favicon.ico" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="robots" content="noindex"/>
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="/manifest.json" />
<title>Lamassu Admin</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root" class="root"></div>
<script type="module" src="/src/index.js"></script>
</body>
</html>

24167
new-lamassu-admin/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

17
new-lamassu-admin/package.json
View file

@ -4,7 +4,7 @@
"license": "../LICENSE", "license": "../LICENSE",
"dependencies": { "dependencies": {
"@apollo/react-hooks": "^3.1.3", "@apollo/react-hooks": "^3.1.3",
"@lamassu/coins": "v1.4.0-beta.4", "@lamassu/coins": "v1.5.1",
"@material-ui/core": "4.11.0", "@material-ui/core": "4.11.0",
"@material-ui/icons": "4.9.1", "@material-ui/icons": "4.9.1",
"@material-ui/lab": "^4.0.0-alpha.56", "@material-ui/lab": "^4.0.0-alpha.56",
@ -29,7 +29,7 @@
"formik": "2.2.0", "formik": "2.2.0",
"google-libphonenumber": "^3.2.22", "google-libphonenumber": "^3.2.22",
"graphql": "^14.5.8", "graphql": "^14.5.8",
"graphql-tag": "^2.10.3", "graphql-tag": "^2.12.6",
"jss-plugin-extend": "^10.0.0", "jss-plugin-extend": "^10.0.0",
"jszip": "^3.6.0", "jszip": "^3.6.0",
"libphonenumber-js": "^1.7.50", "libphonenumber-js": "^1.7.50",
@ -53,7 +53,9 @@
"yup": "0.32.9" "yup": "0.32.9"
}, },
"devDependencies": { "devDependencies": {
"@vitejs/plugin-react-swc": "^3.7.2",
"@welldone-software/why-did-you-render": "^3.3.9", "@welldone-software/why-did-you-render": "^3.3.9",
"esbuild-plugin-react-virtualized": "^1.0.4",
"eslint": "^7.19.0", "eslint": "^7.19.0",
"eslint-config-prettier": "^6.7.0", "eslint-config-prettier": "^6.7.0",
"eslint-config-prettier-standard": "^3.0.1", "eslint-config-prettier-standard": "^3.0.1",
@ -72,7 +74,9 @@
"prettier-config-standard": "^1.0.1", "prettier-config-standard": "^1.0.1",
"react-scripts": "4.0.0", "react-scripts": "4.0.0",
"serve": "^11.3.2", "serve": "^11.3.2",
"source-map-explorer": "^2.4.2" "source-map-explorer": "^2.4.2",
"vite": "^6.0.1",
"vite-plugin-svgr": "^4.3.0"
}, },
"husky": { "husky": {
"hooks": { "hooks": {
@ -86,12 +90,11 @@
] ]
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "vite --force",
"build": "vite build",
"preview": "vite preview",
"fix": "eslint --fix --ext .js,.md,.json src/", "fix": "eslint --fix --ext .js,.md,.json src/",
"build": "react-scripts build",
"analyze": "source-map-explorer 'build/static/js/*.js'", "analyze": "source-map-explorer 'build/static/js/*.js'",
"test": "react-scripts test",
"eject": "react-scripts eject",
"postinstall": "patch-package" "postinstall": "patch-package"
}, },
"browserslist": { "browserslist": {

42
new-lamassu-admin/public/index.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="robots" content="noindex"/>
<meta name="theme-color" content="#000000" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Lamassu Admin</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root" class="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>

4
new-lamassu-admin/src/App.js
View file

@ -29,8 +29,8 @@ import { backgroundColor, mainWidth } from 'src/styling/variables'
import ApolloProvider from 'src/utils/apollo' import ApolloProvider from 'src/utils/apollo'
if (process.env.NODE_ENV !== 'production') { if (process.env.NODE_ENV !== 'production') {
const whyDidYouRender = require('@welldone-software/why-did-you-render') // const whyDidYouRender = require('@welldone-software/why-did-you-render')
whyDidYouRender(React) // whyDidYouRender(React)
} }
const jss = create({ const jss = create({

4
new-lamassu-admin/src/components/Carousel.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import React, { memo } from 'react' import React, { memo } from 'react'
import ReactCarousel from 'react-material-ui-carousel' import ReactCarousel from 'react-material-ui-carousel'
import LeftArrow from 'src/styling/icons/arrow/carousel-left-arrow.svg?react'
import RightArrow from 'src/styling/icons/arrow/carousel-right-arrow.svg?react'
import { ReactComponent as LeftArrow } from 'src/styling/icons/arrow/carousel-left-arrow.svg'
import { ReactComponent as RightArrow } from 'src/styling/icons/arrow/carousel-right-arrow.svg'
import { URI } from 'src/utils/apollo' import { URI } from 'src/utils/apollo'
const useStyles = makeStyles({ const useStyles = makeStyles({

2
new-lamassu-admin/src/components/ConfirmDialog.js
View file

@ -6,11 +6,11 @@ import {
InputLabel InputLabel
} from '@material-ui/core' } from '@material-ui/core'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import { Button, IconButton } from 'src/components/buttons' import { Button, IconButton } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs' import { TextInput } from 'src/components/inputs'
import { H4, P } from 'src/components/typography' import { H4, P } from 'src/components/typography'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { spacer } from 'src/styling/variables' import { spacer } from 'src/styling/variables'
import ErrorMessage from './ErrorMessage' import ErrorMessage from './ErrorMessage'

2
new-lamassu-admin/src/components/DeleteDialog.js
View file

@ -5,10 +5,10 @@ import {
makeStyles makeStyles
} from '@material-ui/core' } from '@material-ui/core'
import React from 'react' import React from 'react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import { Button, IconButton } from 'src/components/buttons' import { Button, IconButton } from 'src/components/buttons'
import { H4, P } from 'src/components/typography' import { H4, P } from 'src/components/typography'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { spacer } from 'src/styling/variables' import { spacer } from 'src/styling/variables'
import ErrorMessage from './ErrorMessage' import ErrorMessage from './ErrorMessage'

2
new-lamassu-admin/src/components/ErrorMessage.js
View file

@ -1,8 +1,8 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import ErrorIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
import { ReactComponent as ErrorIcon } from 'src/styling/icons/warning-icon/tomato.svg'
import { errorColor } from 'src/styling/variables' import { errorColor } from 'src/styling/variables'
import { Info3 } from './typography' import { Info3 } from './typography'

4
new-lamassu-admin/src/components/ImagePopper.js
View file

@ -1,11 +1,11 @@
import { makeStyles, ClickAwayListener } from '@material-ui/core' import { makeStyles, ClickAwayListener } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import ZoomIconInverse from 'src/styling/icons/circle buttons/search/white.svg?react'
import ZoomIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react'
import Popper from 'src/components/Popper' import Popper from 'src/components/Popper'
import { FeatureButton } from 'src/components/buttons' import { FeatureButton } from 'src/components/buttons'
import { ReactComponent as ZoomIconInverse } from 'src/styling/icons/circle buttons/search/white.svg'
import { ReactComponent as ZoomIcon } from 'src/styling/icons/circle buttons/search/zodiac.svg'
import imagePopperStyles from './ImagePopper.styles' import imagePopperStyles from './ImagePopper.styles'

2
new-lamassu-admin/src/components/InfoMessage.js
View file

@ -1,8 +1,8 @@
import { Box, makeStyles } from '@material-ui/core' import { Box, makeStyles } from '@material-ui/core'
import React from 'react' import React from 'react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
import { Label1 } from 'src/components/typography' import { Label1 } from 'src/components/typography'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
const useStyles = makeStyles({ const useStyles = makeStyles({
message: ({ width }) => ({ message: ({ width }) => ({

2
new-lamassu-admin/src/components/InformativeDialog.js
View file

@ -1,9 +1,9 @@
import { Dialog, DialogContent, makeStyles } from '@material-ui/core' import { Dialog, DialogContent, makeStyles } from '@material-ui/core'
import React, { memo } from 'react' import React, { memo } from 'react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import { IconButton } from 'src/components/buttons' import { IconButton } from 'src/components/buttons'
import { H1 } from 'src/components/typography' import { H1 } from 'src/components/typography'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { spacer } from 'src/styling/variables' import { spacer } from 'src/styling/variables'
const useStyles = makeStyles({ const useStyles = makeStyles({

6
new-lamassu-admin/src/components/LogsDownloaderPopper.js
View file

@ -5,11 +5,11 @@ import { format, set } from 'date-fns/fp'
import FileSaver from 'file-saver' import FileSaver from 'file-saver'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useCallback } from 'react' import React, { useState, useCallback } from 'react'
import Arrow from 'src/styling/icons/arrow/download_logs.svg?react'
import DownloadInverseIcon from 'src/styling/icons/button/download/white.svg?react'
import Download from 'src/styling/icons/button/download/zodiac.svg?react'
import { FeatureButton, Link } from 'src/components/buttons' import { FeatureButton, Link } from 'src/components/buttons'
import { ReactComponent as Arrow } from 'src/styling/icons/arrow/download_logs.svg'
import { ReactComponent as DownloadInverseIcon } from 'src/styling/icons/button/download/white.svg'
import { ReactComponent as Download } from 'src/styling/icons/button/download/zodiac.svg'
import { primaryColor, offColor, zircon } from 'src/styling/variables' import { primaryColor, offColor, zircon } from 'src/styling/variables'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'

2
new-lamassu-admin/src/components/Modal.js
View file

@ -1,10 +1,10 @@
import { makeStyles, Modal as MaterialModal, Paper } from '@material-ui/core' import { makeStyles, Modal as MaterialModal, Paper } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import { IconButton } from 'src/components/buttons' import { IconButton } from 'src/components/buttons'
import { H1, H4 } from 'src/components/typography' import { H1, H4 } from 'src/components/typography'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
const styles = { const styles = {
modal: { modal: {

8
new-lamassu-admin/src/components/NotificationCenter/NotificationCenter.js
View file

@ -3,13 +3,13 @@ import { makeStyles } from '@material-ui/core/styles'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import NotificationIconZodiac from 'src/styling/icons/menu/notification-zodiac.svg?react'
import ClearAllIconInverse from 'src/styling/icons/stage/spring/empty.svg?react'
import ClearAllIcon from 'src/styling/icons/stage/zodiac/empty.svg?react'
import ShowUnreadIcon from 'src/styling/icons/stage/zodiac/full.svg?react'
import ActionButton from 'src/components/buttons/ActionButton' import ActionButton from 'src/components/buttons/ActionButton'
import { H5 } from 'src/components/typography' import { H5 } from 'src/components/typography'
import { ReactComponent as NotificationIconZodiac } from 'src/styling/icons/menu/notification-zodiac.svg'
import { ReactComponent as ClearAllIconInverse } from 'src/styling/icons/stage/spring/empty.svg'
import { ReactComponent as ClearAllIcon } from 'src/styling/icons/stage/zodiac/empty.svg'
import { ReactComponent as ShowUnreadIcon } from 'src/styling/icons/stage/zodiac/full.svg'
import styles from './NotificationCenter.styles' import styles from './NotificationCenter.styles'
import NotificationRow from './NotificationRow' import NotificationRow from './NotificationRow'

6
new-lamassu-admin/src/components/NotificationCenter/NotificationRow.js
View file

@ -3,11 +3,11 @@ import classnames from 'classnames'
import prettyMs from 'pretty-ms' import prettyMs from 'pretty-ms'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import Wrench from 'src/styling/icons/action/wrench/zodiac.svg?react'
import Transaction from 'src/styling/icons/arrow/transaction.svg?react'
import WarningIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
import { Label1, Label2, TL2 } from 'src/components/typography' import { Label1, Label2, TL2 } from 'src/components/typography'
import { ReactComponent as Wrench } from 'src/styling/icons/action/wrench/zodiac.svg'
import { ReactComponent as Transaction } from 'src/styling/icons/arrow/transaction.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/tomato.svg'
import styles from './NotificationCenter.styles' import styles from './NotificationCenter.styles'
const useStyles = makeStyles(styles) const useStyles = makeStyles(styles)

2
new-lamassu-admin/src/components/SearchBox.js
View file

@ -4,9 +4,9 @@ import { makeStyles } from '@material-ui/core/styles'
import MAutocomplete from '@material-ui/lab/Autocomplete' import MAutocomplete from '@material-ui/lab/Autocomplete'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import SearchIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react'
import { P } from 'src/components/typography' import { P } from 'src/components/typography'
import { ReactComponent as SearchIcon } from 'src/styling/icons/circle buttons/search/zodiac.svg'
import styles from './SearchBox.styles' import styles from './SearchBox.styles'

6
new-lamassu-admin/src/components/SearchFilter.js
View file

@ -1,12 +1,12 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import React from 'react' import React from 'react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import FilterIcon from 'src/styling/icons/button/filter/white.svg?react'
import ReverseFilterIcon from 'src/styling/icons/button/filter/zodiac.svg?react'
import Chip from 'src/components/Chip' import Chip from 'src/components/Chip'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from 'src/components/buttons'
import { P, Label3 } from 'src/components/typography' import { P, Label3 } from 'src/components/typography'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { ReactComponent as FilterIcon } from 'src/styling/icons/button/filter/white.svg'
import { ReactComponent as ReverseFilterIcon } from 'src/styling/icons/button/filter/zodiac.svg'
import { onlyFirstToUpper, singularOrPlural } from 'src/utils/string' import { onlyFirstToUpper, singularOrPlural } from 'src/utils/string'
import { chipStyles, styles } from './SearchFilter.styles' import { chipStyles, styles } from './SearchFilter.styles'

12
new-lamassu-admin/src/components/Stage.js
View file

@ -2,13 +2,13 @@ import { makeStyles } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react'
import CurrentStageIconSpring from 'src/styling/icons/stage/spring/current.svg?react'
import EmptyStageIconSpring from 'src/styling/icons/stage/spring/empty.svg?react'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
import { ReactComponent as CompleteStageIconSpring } from 'src/styling/icons/stage/spring/complete.svg'
import { ReactComponent as CurrentStageIconSpring } from 'src/styling/icons/stage/spring/current.svg'
import { ReactComponent as EmptyStageIconSpring } from 'src/styling/icons/stage/spring/empty.svg'
import { ReactComponent as CompleteStageIconZodiac } from 'src/styling/icons/stage/zodiac/complete.svg'
import { ReactComponent as CurrentStageIconZodiac } from 'src/styling/icons/stage/zodiac/current.svg'
import { ReactComponent as EmptyStageIconZodiac } from 'src/styling/icons/stage/zodiac/empty.svg'
import { import {
primaryColor, primaryColor,
secondaryColor, secondaryColor,

12
new-lamassu-admin/src/components/Stepper.js
View file

@ -2,13 +2,13 @@ import { makeStyles } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react'
import CurrentStageIconSpring from 'src/styling/icons/stage/spring/current.svg?react'
import EmptyStageIconSpring from 'src/styling/icons/stage/spring/empty.svg?react'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
import { ReactComponent as CompleteStageIconSpring } from 'src/styling/icons/stage/spring/complete.svg'
import { ReactComponent as CurrentStageIconSpring } from 'src/styling/icons/stage/spring/current.svg'
import { ReactComponent as EmptyStageIconSpring } from 'src/styling/icons/stage/spring/empty.svg'
import { ReactComponent as CompleteStageIconZodiac } from 'src/styling/icons/stage/zodiac/complete.svg'
import { ReactComponent as CurrentStageIconZodiac } from 'src/styling/icons/stage/zodiac/current.svg'
import { ReactComponent as EmptyStageIconZodiac } from 'src/styling/icons/stage/zodiac/empty.svg'
import { import {
primaryColor, primaryColor,
secondaryColor, secondaryColor,

2
new-lamassu-admin/src/components/Tooltip.js
View file

@ -1,9 +1,9 @@
import { makeStyles, ClickAwayListener } from '@material-ui/core' import { makeStyles, ClickAwayListener } from '@material-ui/core'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import HelpIcon from 'src/styling/icons/action/help/zodiac.svg?react'
import Popper from 'src/components/Popper' import Popper from 'src/components/Popper'
import { ReactComponent as HelpIcon } from 'src/styling/icons/action/help/zodiac.svg'
const useStyles = makeStyles({ const useStyles = makeStyles({
transparentButton: { transparentButton: {

8
new-lamassu-admin/src/components/booleanPropertiesTable/BooleanPropertiesTable.js
View file

@ -3,6 +3,10 @@ import classnames from 'classnames'
import { useFormikContext, Form, Formik, Field as FormikField } from 'formik' import { useFormikContext, Form, Formik, Field as FormikField } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import EditIconDisabled from 'src/styling/icons/action/edit/disabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import FalseIcon from 'src/styling/icons/table/false.svg?react'
import TrueIcon from 'src/styling/icons/table/true.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import PromptWhenDirty from 'src/components/PromptWhenDirty' import PromptWhenDirty from 'src/components/PromptWhenDirty'
@ -10,10 +14,6 @@ import { Link, IconButton } from 'src/components/buttons'
import { RadioGroup } from 'src/components/inputs/formik' import { RadioGroup } from 'src/components/inputs/formik'
import { Table, TableBody, TableRow, TableCell } from 'src/components/table' import { Table, TableBody, TableRow, TableCell } from 'src/components/table'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import { ReactComponent as EditIconDisabled } from 'src/styling/icons/action/edit/disabled.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as FalseIcon } from 'src/styling/icons/table/false.svg'
import { ReactComponent as TrueIcon } from 'src/styling/icons/table/true.svg'
import { booleanPropertiesTableStyles } from './BooleanPropertiesTable.styles' import { booleanPropertiesTableStyles } from './BooleanPropertiesTable.styles'

2
new-lamassu-admin/src/components/buttons/AddButton.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo } from 'react' import React, { memo } from 'react'
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
import typographyStyles from 'src/components/typography/styles' import typographyStyles from 'src/components/typography/styles'
import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg'
import { zircon, zircon2, comet, fontColor, white } from 'src/styling/variables' import { zircon, zircon2, comet, fontColor, white } from 'src/styling/variables'
const { p } = typographyStyles const { p } = typographyStyles

2
new-lamassu-admin/src/components/buttons/DeleteButton.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo } from 'react' import React, { memo } from 'react'
import DeleteIcon from 'src/styling/icons/button/cancel/zodiac.svg?react'
import typographyStyles from 'src/components/typography/styles' import typographyStyles from 'src/components/typography/styles'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/button/cancel/zodiac.svg'
import { zircon, zircon2, comet, fontColor, white } from 'src/styling/variables' import { zircon, zircon2, comet, fontColor, white } from 'src/styling/variables'
const { p } = typographyStyles const { p } = typographyStyles

2
new-lamassu-admin/src/components/buttons/SubpageButton.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import { ReactComponent as CancelIconInverse } from 'src/styling/icons/button/cancel/white.svg'
import subpageButtonStyles from './SubpageButton.styles' import subpageButtonStyles from './SubpageButton.styles'

4
new-lamassu-admin/src/components/buttons/SupportLinkButton.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import React from 'react' import React from 'react'
import InverseLinkIcon from 'src/styling/icons/action/external link/white.svg?react'
import LinkIcon from 'src/styling/icons/action/external link/zodiac.svg?react'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from 'src/components/buttons'
import { ReactComponent as InverseLinkIcon } from 'src/styling/icons/action/external link/white.svg'
import { ReactComponent as LinkIcon } from 'src/styling/icons/action/external link/zodiac.svg'
import { spacer, primaryColor } from 'src/styling/variables' import { spacer, primaryColor } from 'src/styling/variables'
const useStyles = makeStyles({ const useStyles = makeStyles({

4
new-lamassu-admin/src/components/date-range-picker/Calendar.js
View file

@ -15,10 +15,10 @@ import {
} from 'date-fns/fp' } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import Arrow from 'src/styling/icons/arrow/month_change.svg?react'
import RightArrow from 'src/styling/icons/arrow/month_change_right.svg?react'
import typographyStyles from 'src/components/typography/styles' import typographyStyles from 'src/components/typography/styles'
import { ReactComponent as Arrow } from 'src/styling/icons/arrow/month_change.svg'
import { ReactComponent as RightArrow } from 'src/styling/icons/arrow/month_change_right.svg'
import { primaryColor, zircon } from 'src/styling/variables' import { primaryColor, zircon } from 'src/styling/variables'
import Tile from './Tile' import Tile from './Tile'

4
new-lamassu-admin/src/components/editableProperty/EditableProperty.js
View file

@ -1,11 +1,11 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
import EditIconDisabled from 'src/styling/icons/action/edit/disabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import { Link } from 'src/components/buttons' import { Link } from 'src/components/buttons'
import { RadioGroup } from 'src/components/inputs' import { RadioGroup } from 'src/components/inputs'
import { H4, P } from 'src/components/typography' import { H4, P } from 'src/components/typography'
import { ReactComponent as EditIconDisabled } from 'src/styling/icons/action/edit/disabled.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { editablePropertyStyles } from './EditableProperty.styles' import { editablePropertyStyles } from './EditableProperty.styles'

10
new-lamassu-admin/src/components/editableTable/Row.js
View file

@ -3,17 +3,17 @@ import classnames from 'classnames'
import { Field, useFormikContext } from 'formik' import { Field, useFormikContext } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useContext, useState } from 'react' import React, { useContext, useState } from 'react'
import DisabledDeleteIcon from 'src/styling/icons/action/delete/disabled.svg?react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import DisabledEditIcon from 'src/styling/icons/action/edit/disabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import StripesSvg from 'src/styling/icons/stripes.svg?react'
import { DeleteDialog } from 'src/components/DeleteDialog' import { DeleteDialog } from 'src/components/DeleteDialog'
import { Link, IconButton } from 'src/components/buttons' import { Link, IconButton } from 'src/components/buttons'
import { Td, Tr } from 'src/components/fake-table/Table' import { Td, Tr } from 'src/components/fake-table/Table'
import { Switch } from 'src/components/inputs' import { Switch } from 'src/components/inputs'
import { Label2 } from 'src/components/typography' import { Label2 } from 'src/components/typography'
import { ReactComponent as DisabledDeleteIcon } from 'src/styling/icons/action/delete/disabled.svg'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import { ReactComponent as DisabledEditIcon } from 'src/styling/icons/action/edit/disabled.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as StripesSvg } from 'src/styling/icons/stripes.svg'
import TableCtx from './Context' import TableCtx from './Context'
import styles from './Row.styles' import styles from './Row.styles'

2
new-lamassu-admin/src/components/inputs/base/Checkbox.js
View file

@ -3,9 +3,9 @@ import { makeStyles } from '@material-ui/core/styles'
import CheckBoxIcon from '@material-ui/icons/CheckBox' import CheckBoxIcon from '@material-ui/icons/CheckBox'
import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank' import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank'
import React from 'react' import React from 'react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
import { Label2, Info3 } from 'src/components/typography' import { Label2, Info3 } from 'src/components/typography'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
import { import {
fontSize2, fontSize2,
fontSize3, fontSize3,

3
new-lamassu-admin/src/components/inputs/base/Select.js
View file

@ -3,8 +3,7 @@ import classnames from 'classnames'
import { useSelect } from 'downshift' import { useSelect } from 'downshift'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import Arrowdown from 'src/styling/icons/action/arrow/regular.svg?react'
import { ReactComponent as Arrowdown } from 'src/styling/icons/action/arrow/regular.svg'
import styles from './Select.styles' import styles from './Select.styles'

8
new-lamassu-admin/src/components/layout/Header.js
View file

@ -7,15 +7,15 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState, useEffect, useRef } from 'react' import React, { memo, useState, useEffect, useRef } from 'react'
import { NavLink, useHistory } from 'react-router-dom' import { NavLink, useHistory } from 'react-router-dom'
import AddIconReverse from 'src/styling/icons/button/add/white.svg?react'
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
import Logo from 'src/styling/icons/menu/logo.svg?react'
import NotificationIcon from 'src/styling/icons/menu/notification.svg?react'
import NotificationCenter from 'src/components/NotificationCenter' import NotificationCenter from 'src/components/NotificationCenter'
import ActionButton from 'src/components/buttons/ActionButton' import ActionButton from 'src/components/buttons/ActionButton'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import AddMachine from 'src/pages/AddMachine' import AddMachine from 'src/pages/AddMachine'
import { ReactComponent as AddIconReverse } from 'src/styling/icons/button/add/white.svg'
import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import { ReactComponent as NotificationIcon } from 'src/styling/icons/menu/notification.svg'
import styles from './Header.styles' import styles from './Header.styles'

6
new-lamassu-admin/src/components/layout/Sidebar.js
View file

@ -1,11 +1,11 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
import { P } from 'src/components/typography' import { P } from 'src/components/typography'
import { ReactComponent as CompleteStageIconZodiac } from 'src/styling/icons/stage/zodiac/complete.svg'
import { ReactComponent as CurrentStageIconZodiac } from 'src/styling/icons/stage/zodiac/current.svg'
import { ReactComponent as EmptyStageIconZodiac } from 'src/styling/icons/stage/zodiac/empty.svg'
import styles from './Sidebar.styles' import styles from './Sidebar.styles'

16
new-lamassu-admin/src/components/machineActions/MachineActions.js
View file

@ -2,18 +2,18 @@ import { useMutation, useLazyQuery } from '@apollo/react-hooks'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import EditReversedIcon from 'src/styling/icons/button/edit/white.svg?react'
import EditIcon from 'src/styling/icons/button/edit/zodiac.svg?react'
import RebootReversedIcon from 'src/styling/icons/button/reboot/white.svg?react'
import RebootIcon from 'src/styling/icons/button/reboot/zodiac.svg?react'
import ShutdownReversedIcon from 'src/styling/icons/button/shut down/white.svg?react'
import ShutdownIcon from 'src/styling/icons/button/shut down/zodiac.svg?react'
import UnpairReversedIcon from 'src/styling/icons/button/unpair/white.svg?react'
import UnpairIcon from 'src/styling/icons/button/unpair/zodiac.svg?react'
import { ConfirmDialog } from 'src/components/ConfirmDialog' import { ConfirmDialog } from 'src/components/ConfirmDialog'
import ActionButton from 'src/components/buttons/ActionButton' import ActionButton from 'src/components/buttons/ActionButton'
import { H3 } from 'src/components/typography' import { H3 } from 'src/components/typography'
import { ReactComponent as EditReversedIcon } from 'src/styling/icons/button/edit/white.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/button/edit/zodiac.svg'
import { ReactComponent as RebootReversedIcon } from 'src/styling/icons/button/reboot/white.svg'
import { ReactComponent as RebootIcon } from 'src/styling/icons/button/reboot/zodiac.svg'
import { ReactComponent as ShutdownReversedIcon } from 'src/styling/icons/button/shut down/white.svg'
import { ReactComponent as ShutdownIcon } from 'src/styling/icons/button/shut down/zodiac.svg'
import { ReactComponent as UnpairReversedIcon } from 'src/styling/icons/button/unpair/white.svg'
import { ReactComponent as UnpairIcon } from 'src/styling/icons/button/unpair/zodiac.svg'
import DiagnosticsModal from './DiagnosticsModal' import DiagnosticsModal from './DiagnosticsModal'
import { machineActionsStyles } from './MachineActions.styles' import { machineActionsStyles } from './MachineActions.styles'

2
new-lamassu-admin/src/components/single-row-table/SingleRowTable.js
View file

@ -1,6 +1,7 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import EditIcon from 'src/styling/icons/action/edit/white.svg?react'
import { IconButton } from 'src/components/buttons' import { IconButton } from 'src/components/buttons'
import { import {
@ -11,7 +12,6 @@ import {
Th, Th,
Tr Tr
} from 'src/components/fake-table/Table' } from 'src/components/fake-table/Table'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/white.svg'
import styles from './SingleRowTable.styles' import styles from './SingleRowTable.styles'

2
new-lamassu-admin/src/components/table/EmptyTable.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import classNames from 'classnames' import classNames from 'classnames'
import React, { memo } from 'react' import React, { memo } from 'react'
import EmptyTableIcon from 'src/styling/icons/table/empty-table.svg?react'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import { ReactComponent as EmptyTableIcon } from 'src/styling/icons/table/empty-table.svg'
const styles = { const styles = {
emptyTable: { emptyTable: {

4
new-lamassu-admin/src/components/tables/DataTable.js
View file

@ -8,6 +8,8 @@ import {
CellMeasurer, CellMeasurer,
CellMeasurerCache CellMeasurerCache
} from 'react-virtualized' } from 'react-virtualized'
import ExpandClosedIcon from 'src/styling/icons/action/expand/closed.svg?react'
import ExpandOpenIcon from 'src/styling/icons/action/expand/open.svg?react'
import { import {
Table, Table,
@ -19,8 +21,6 @@ import {
} from 'src/components/fake-table/Table' } from 'src/components/fake-table/Table'
import { EmptyTable } from 'src/components/table' import { EmptyTable } from 'src/components/table'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import { ReactComponent as ExpandClosedIcon } from 'src/styling/icons/action/expand/closed.svg'
import { ReactComponent as ExpandOpenIcon } from 'src/styling/icons/action/expand/open.svg'
import styles from './DataTable.styles' import styles from './DataTable.styles'

2
new-lamassu-admin/src/components/tables/Stripes.js
View file

@ -1,7 +1,7 @@
import React from 'react' import React from 'react'
import StripesSvg from 'src/styling/icons/stripes.svg?react'
import { Td } from 'src/components/fake-table/Table' import { Td } from 'src/components/fake-table/Table'
import { ReactComponent as StripesSvg } from 'src/styling/icons/stripes.svg'
const Stripes = ({ width }) => ( const Stripes = ({ width }) => (
<Td width={width}> <Td width={width}>

14
new-lamassu-admin/src/pages/AddMachine/AddMachine.js
View file

@ -7,6 +7,13 @@ import gql from 'graphql-tag'
import QRCode from 'qrcode.react' import QRCode from 'qrcode.react'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState, useEffect, useRef } from 'react' import React, { memo, useState, useEffect, useRef } from 'react'
import CameraIcon from 'src/styling/icons/ID/photo/zodiac.svg?react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react'
import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import Title from 'src/components/Title' import Title from 'src/components/Title'
@ -14,13 +21,6 @@ import { Button } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from 'src/components/inputs/formik'
import Sidebar from 'src/components/layout/Sidebar' import Sidebar from 'src/components/layout/Sidebar'
import { Info2, P } from 'src/components/typography' import { Info2, P } from 'src/components/typography'
import { ReactComponent as CameraIcon } from 'src/styling/icons/ID/photo/zodiac.svg'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { ReactComponent as CompleteStageIconSpring } from 'src/styling/icons/stage/spring/complete.svg'
import { ReactComponent as CompleteStageIconZodiac } from 'src/styling/icons/stage/zodiac/complete.svg'
import { ReactComponent as CurrentStageIconZodiac } from 'src/styling/icons/stage/zodiac/current.svg'
import { ReactComponent as EmptyStageIconZodiac } from 'src/styling/icons/stage/zodiac/empty.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
import { primaryColor } from 'src/styling/variables' import { primaryColor } from 'src/styling/variables'
import styles from './styles' import styles from './styles'

6
new-lamassu-admin/src/pages/Analytics/Analytics.js
View file

@ -7,13 +7,13 @@ import { subDays, format, add, startOfWeek } from 'date-fns/fp'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import DownIcon from 'src/styling/icons/dashboard/down.svg?react'
import EqualIcon from 'src/styling/icons/dashboard/equal.svg?react'
import UpIcon from 'src/styling/icons/dashboard/up.svg?react'
import { Select } from 'src/components/inputs' import { Select } from 'src/components/inputs'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from 'src/components/layout/TitleSection'
import { Info2, P } from 'src/components/typography' import { Info2, P } from 'src/components/typography'
import { ReactComponent as DownIcon } from 'src/styling/icons/dashboard/down.svg'
import { ReactComponent as EqualIcon } from 'src/styling/icons/dashboard/equal.svg'
import { ReactComponent as UpIcon } from 'src/styling/icons/dashboard/up.svg'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from 'src/utils/config'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from 'src/utils/number'
import { DAY, WEEK, MONTH } from 'src/utils/time' import { DAY, WEEK, MONTH } from 'src/utils/time'

4
new-lamassu-admin/src/pages/Analytics/components/tooltips/GraphTooltip.js
View file

@ -2,10 +2,10 @@ import { Paper } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { Info2, Label3, P } from 'src/components/typography' import { Info2, Label3, P } from 'src/components/typography'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from 'src/utils/number'
import { singularOrPlural } from 'src/utils/string' import { singularOrPlural } from 'src/utils/string'
import { formatDate, formatDateNonUtc } from 'src/utils/timezones' import { formatDate, formatDateNonUtc } from 'src/utils/timezones'

3
new-lamassu-admin/src/pages/Analytics/index.js Normal file
View file

@ -0,0 +1,3 @@
import Analytics from './Analytics'
export default Analytics

4
new-lamassu-admin/src/pages/AuthRegister.js
View file

@ -3,15 +3,13 @@ import React from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
const useQuery = () => new URLSearchParams(useLocation().search) const useQuery = () => new URLSearchParams(useLocation().search)
const url =
process.env.NODE_ENV === 'development' ? 'https://localhost:8070' : ''
const AuthRegister = () => { const AuthRegister = () => {
const history = useHistory() const history = useHistory()
const query = useQuery() const query = useQuery()
useAxios({ useAxios({
url: `${url}/api/register?otp=${query.get('otp')}`, url: `/api/register?otp=${query.get('otp')}`,
method: 'GET', method: 'GET',
options: { options: {
withCredentials: true withCredentials: true

2
new-lamassu-admin/src/pages/Authentication/LoginCard.js
View file

@ -1,9 +1,9 @@
import Paper from '@material-ui/core/Paper' import Paper from '@material-ui/core/Paper'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import React, { useReducer } from 'react' import React, { useReducer } from 'react'
import Logo from 'src/styling/icons/menu/logo.svg?react'
import { H5 } from 'src/components/typography' import { H5 } from 'src/components/typography'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import Input2FAState from './Input2FAState' import Input2FAState from './Input2FAState'
import InputFIDOState from './InputFIDOState' import InputFIDOState from './InputFIDOState'

2
new-lamassu-admin/src/pages/Authentication/Register.js
View file

@ -5,12 +5,12 @@ import { Field, Form, Formik } from 'formik'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import React, { useReducer } from 'react' import React, { useReducer } from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
import Logo from 'src/styling/icons/menu/logo.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
import { SecretInput } from 'src/components/inputs/formik' import { SecretInput } from 'src/components/inputs/formik'
import { H2, Label3, P } from 'src/components/typography' import { H2, Label3, P } from 'src/components/typography'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import styles from './shared.styles' import styles from './shared.styles'

2
new-lamassu-admin/src/pages/Authentication/Reset2FA.js
View file

@ -6,11 +6,11 @@ import gql from 'graphql-tag'
import QRCode from 'qrcode.react' import QRCode from 'qrcode.react'
import React, { useReducer, useState } from 'react' import React, { useReducer, useState } from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
import Logo from 'src/styling/icons/menu/logo.svg?react'
import { ActionButton, Button } from 'src/components/buttons' import { ActionButton, Button } from 'src/components/buttons'
import { CodeInput } from 'src/components/inputs/base' import { CodeInput } from 'src/components/inputs/base'
import { H2, Label2, Label3, P } from 'src/components/typography' import { H2, Label2, Label3, P } from 'src/components/typography'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import { primaryColor } from 'src/styling/variables' import { primaryColor } from 'src/styling/variables'
import styles from './shared.styles' import styles from './shared.styles'

2
new-lamassu-admin/src/pages/Authentication/ResetPassword.js
View file

@ -5,12 +5,12 @@ import { Field, Form, Formik } from 'formik'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import React, { useState } from 'react' import React, { useState } from 'react'
import { useLocation, useHistory } from 'react-router-dom' import { useLocation, useHistory } from 'react-router-dom'
import Logo from 'src/styling/icons/menu/logo.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
import { SecretInput } from 'src/components/inputs/formik/' import { SecretInput } from 'src/components/inputs/formik/'
import { H2, Label3, P } from 'src/components/typography' import { H2, Label3, P } from 'src/components/typography'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import styles from './shared.styles' import styles from './shared.styles'

14
new-lamassu-admin/src/pages/Blacklist/Blacklist.js
View file

@ -1,19 +1,18 @@
import { useQuery, useMutation } from '@apollo/react-hooks' import { useQuery, useMutation } from '@apollo/react-hooks'
import { addressDetector } from '@lamassu/coins'
import { Box, Dialog, DialogContent, DialogActions } from '@material-ui/core' import { Box, Dialog, DialogContent, DialogActions } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import ReverseSettingsIcon from 'src/styling/icons/circle buttons/settings/white.svg?react'
import SettingsIcon from 'src/styling/icons/circle buttons/settings/zodiac.svg?react'
import { HelpTooltip } from 'src/components/Tooltip' import { HelpTooltip } from 'src/components/Tooltip'
import { Link, Button, IconButton } from 'src/components/buttons' import { Link, Button, IconButton } from 'src/components/buttons'
import { Switch } from 'src/components/inputs' import { Switch } from 'src/components/inputs'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from 'src/components/layout/TitleSection'
import { H2, Label2, P, Info3, Info2 } from 'src/components/typography' import { H2, Label2, P, Info3, Info2 } from 'src/components/typography'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { ReactComponent as ReverseSettingsIcon } from 'src/styling/icons/circle buttons/settings/white.svg'
import { ReactComponent as SettingsIcon } from 'src/styling/icons/circle buttons/settings/zodiac.svg'
import { fromNamespace, toNamespace } from 'src/utils/config' import { fromNamespace, toNamespace } from 'src/utils/config'
import styles from './Blacklist.styles' import styles from './Blacklist.styles'
@ -187,9 +186,10 @@ const Blacklist = () => {
const validateAddress = address => { const validateAddress = address => {
try { try {
return !R.isEmpty( return !R
addressDetector.getSupportedCoinsForAddress(address).matches .isEmpty
) // addressDetector.getSupportedCoinsForAddress(address).matches
()
} catch { } catch {
return false return false
} }

10
new-lamassu-admin/src/pages/Blacklist/BlacklistAdvanced.js
View file

@ -2,6 +2,11 @@ import { makeStyles } from '@material-ui/core/styles'
import { Form, Formik, Field } from 'formik' import { Form, Formik, Field } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import DisabledDeleteIcon from 'src/styling/icons/action/delete/disabled.svg?react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import DefaultIconReverse from 'src/styling/icons/button/retry/white.svg?react'
import DefaultIcon from 'src/styling/icons/button/retry/zodiac.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
@ -9,11 +14,6 @@ import Modal from 'src/components/Modal'
import { ActionButton, IconButton, Button } from 'src/components/buttons' import { ActionButton, IconButton, Button } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from 'src/components/inputs/formik'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { ReactComponent as DisabledDeleteIcon } from 'src/styling/icons/action/delete/disabled.svg'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as DefaultIconReverse } from 'src/styling/icons/button/retry/white.svg'
import { ReactComponent as DefaultIcon } from 'src/styling/icons/button/retry/zodiac.svg'
import styles from './Blacklist.styles' import styles from './Blacklist.styles'

2
new-lamassu-admin/src/pages/Blacklist/BlacklistTable.js
View file

@ -1,12 +1,12 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import { DeleteDialog } from 'src/components/DeleteDialog' import { DeleteDialog } from 'src/components/DeleteDialog'
import { IconButton } from 'src/components/buttons' import { IconButton } from 'src/components/buttons'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import CopyToClipboard from 'src/pages/Transactions/CopyToClipboard' import CopyToClipboard from 'src/pages/Transactions/CopyToClipboard'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import styles from './Blacklist.styles' import styles from './Blacklist.styles'

2
new-lamassu-admin/src/pages/Cashout/WizardSplash.js
View file

@ -1,9 +1,9 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import React from 'react' import React from 'react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
import { H1, P, Info2 } from 'src/components/typography' import { H1, P, Info2 } from 'src/components/typography'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { neon, spacer } from 'src/styling/variables' import { neon, spacer } from 'src/styling/variables'
const styles = { const styles = {

2
new-lamassu-admin/src/pages/Cashout/WizardStep.js
View file

@ -1,6 +1,7 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import { Formik, Form, Field } from 'formik' import { Formik, Form, Field } from 'formik'
import React from 'react' import React from 'react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
import Stepper from 'src/components/Stepper' import Stepper from 'src/components/Stepper'
@ -16,7 +17,6 @@ import tejo4CassetteOne from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cas
import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg' import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg' import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg' import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
import styles from './WizardStep.styles' import styles from './WizardStep.styles'
const useStyles = makeStyles(styles) const useStyles = makeStyles(styles)

6
new-lamassu-admin/src/pages/Commissions/Commissions.js
View file

@ -3,13 +3,13 @@ import { makeStyles } from '@material-ui/core'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import ReverseListingViewIcon from 'src/styling/icons/circle buttons/listing-view/white.svg?react'
import ListingViewIcon from 'src/styling/icons/circle buttons/listing-view/zodiac.svg?react'
import OverrideLabelIcon from 'src/styling/icons/status/spring2.svg?react'
import { HelpTooltip } from 'src/components/Tooltip' import { HelpTooltip } from 'src/components/Tooltip'
import { SupportLinkButton } from 'src/components/buttons' import { SupportLinkButton } from 'src/components/buttons'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from 'src/components/layout/TitleSection'
import { ReactComponent as ReverseListingViewIcon } from 'src/styling/icons/circle buttons/listing-view/white.svg'
import { ReactComponent as ListingViewIcon } from 'src/styling/icons/circle buttons/listing-view/zodiac.svg'
import { ReactComponent as OverrideLabelIcon } from 'src/styling/icons/status/spring2.svg'
import { fromNamespace, toNamespace, namespaces } from 'src/utils/config' import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
import { P } from '../../components/typography' import { P } from '../../components/typography'

4
new-lamassu-admin/src/pages/Commissions/helper.js
View file

@ -1,13 +1,13 @@
import * as _ from 'lodash/fp' import * as _ from 'lodash/fp'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { v4 } from 'uuid' import { v4 } from 'uuid'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Autocomplete, NumberInput } from 'src/components/inputs/formik' import { Autocomplete, NumberInput } from 'src/components/inputs/formik'
import { bold } from 'src/styling/helpers' import { bold } from 'src/styling/helpers'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { primaryColor, secondaryColorDark } from 'src/styling/variables' import { primaryColor, secondaryColorDark } from 'src/styling/variables'
import denominations from 'src/utils/bill-denominations' import denominations from 'src/utils/bill-denominations'
import { getBillOptions } from 'src/utils/bill-options' import { getBillOptions } from 'src/utils/bill-options'

16
new-lamassu-admin/src/pages/Customers/CustomerData.js
View file

@ -2,6 +2,14 @@ import Grid from '@material-ui/core/Grid'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import * as R from 'ramda' import * as R from 'ramda'
import { useState, React } from 'react' import { useState, React } from 'react'
import CardIcon from 'src/styling/icons/ID/card/comet.svg?react'
import PhoneIcon from 'src/styling/icons/ID/phone/comet.svg?react'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import EditIcon from 'src/styling/icons/action/edit/comet.svg?react'
import CustomerListViewReversedIcon from 'src/styling/icons/circle buttons/customer-list-view/white.svg?react'
import CustomerListViewIcon from 'src/styling/icons/circle buttons/customer-list-view/zodiac.svg?react'
import OverviewReversedIcon from 'src/styling/icons/circle buttons/overview/white.svg?react'
import OverviewIcon from 'src/styling/icons/circle buttons/overview/zodiac.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import ImagePopper from 'src/components/ImagePopper' import ImagePopper from 'src/components/ImagePopper'
@ -12,14 +20,6 @@ import {
OVERRIDE_AUTHORIZED, OVERRIDE_AUTHORIZED,
OVERRIDE_REJECTED OVERRIDE_REJECTED
} from 'src/pages/Customers/components/propertyCard' } from 'src/pages/Customers/components/propertyCard'
import { ReactComponent as CardIcon } from 'src/styling/icons/ID/card/comet.svg'
import { ReactComponent as PhoneIcon } from 'src/styling/icons/ID/phone/comet.svg'
import { ReactComponent as CrossedCameraIcon } from 'src/styling/icons/ID/photo/crossed-camera.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/comet.svg'
import { ReactComponent as CustomerListViewReversedIcon } from 'src/styling/icons/circle buttons/customer-list-view/white.svg'
import { ReactComponent as CustomerListViewIcon } from 'src/styling/icons/circle buttons/customer-list-view/zodiac.svg'
import { ReactComponent as OverviewReversedIcon } from 'src/styling/icons/circle buttons/overview/white.svg'
import { ReactComponent as OverviewIcon } from 'src/styling/icons/circle buttons/overview/zodiac.svg'
import { URI } from 'src/utils/apollo' import { URI } from 'src/utils/apollo'
import { onlyFirstToUpper } from 'src/utils/string' import { onlyFirstToUpper } from 'src/utils/string'

2
new-lamassu-admin/src/pages/Customers/CustomerPhotos.js
View file

@ -2,10 +2,10 @@ import { makeStyles, Paper } from '@material-ui/core'
import { format } from 'date-fns/fp' import { format } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import { React, useState } from 'react' import { React, useState } from 'react'
import CameraIcon from 'src/styling/icons/ID/photo/comet.svg?react'
import { InformativeDialog } from 'src/components/InformativeDialog' import { InformativeDialog } from 'src/components/InformativeDialog'
import { Label2, H3 } from 'src/components/typography' import { Label2, H3 } from 'src/components/typography'
import { ReactComponent as CameraIcon } from 'src/styling/icons/ID/photo/comet.svg'
import { URI } from 'src/utils/apollo' import { URI } from 'src/utils/apollo'
import styles from './CustomerPhotos.styles' import styles from './CustomerPhotos.styles'

18
new-lamassu-admin/src/pages/Customers/CustomerProfile.js
View file

@ -12,6 +12,13 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import { useHistory, useParams } from 'react-router-dom' import { useHistory, useParams } from 'react-router-dom'
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
import AuthorizeReversedIcon from 'src/styling/icons/button/authorize/white.svg?react'
import AuthorizeIcon from 'src/styling/icons/button/authorize/zodiac.svg?react'
import BlockReversedIcon from 'src/styling/icons/button/block/white.svg?react'
import BlockIcon from 'src/styling/icons/button/block/zodiac.svg?react'
import DataReversedIcon from 'src/styling/icons/button/data/white.svg?react'
import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
import { Button, IconButton, ActionButton } from 'src/components/buttons' import { Button, IconButton, ActionButton } from 'src/components/buttons'
@ -21,16 +28,9 @@ import {
OVERRIDE_AUTHORIZED, OVERRIDE_AUTHORIZED,
OVERRIDE_REJECTED OVERRIDE_REJECTED
} from 'src/pages/Customers/components/propertyCard' } from 'src/pages/Customers/components/propertyCard'
import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
import { ReactComponent as AuthorizeReversedIcon } from 'src/styling/icons/button/authorize/white.svg'
import { ReactComponent as AuthorizeIcon } from 'src/styling/icons/button/authorize/zodiac.svg'
import { ReactComponent as BlockReversedIcon } from 'src/styling/icons/button/block/white.svg'
import { ReactComponent as BlockIcon } from 'src/styling/icons/button/block/zodiac.svg'
import { ReactComponent as DataReversedIcon } from 'src/styling/icons/button/data/white.svg'
import { ReactComponent as DataIcon } from 'src/styling/icons/button/data/zodiac.svg'
// TODO: Enable for next release // TODO: Enable for next release
// import { ReactComponent as DiscountReversedIcon } from 'src/styling/icons/button/discount/white.svg' // import DiscountReversedIcon from 'src/styling/icons/button/discount/white.svg?react'
// import { ReactComponent as Discount } from 'src/styling/icons/button/discount/zodiac.svg' // import Discount from 'src/styling/icons/button/discount/zodiac.svg?react'
import { fromNamespace, namespaces } from 'src/utils/config' import { fromNamespace, namespaces } from 'src/utils/config'
import CustomerData from './CustomerData' import CustomerData from './CustomerData'

4
new-lamassu-admin/src/pages/Customers/Customers.js
View file

@ -4,14 +4,14 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import SearchBox from 'src/components/SearchBox' import SearchBox from 'src/components/SearchBox'
import SearchFilter from 'src/components/SearchFilter' import SearchFilter from 'src/components/SearchFilter'
import { Link } from 'src/components/buttons' import { Link } from 'src/components/buttons'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from 'src/components/layout/TitleSection'
import baseStyles from 'src/pages/Logs.styles' import baseStyles from 'src/pages/Logs.styles'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { fromNamespace, namespaces } from 'src/utils/config' import { fromNamespace, namespaces } from 'src/utils/config'
import CustomersList from './CustomersList' import CustomersList from './CustomersList'

4
new-lamassu-admin/src/pages/Customers/CustomersList.js
View file

@ -2,11 +2,11 @@ import { makeStyles } from '@material-ui/core/styles'
import { format } from 'date-fns/fp' import { format } from 'date-fns/fp'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { MainStatus } from 'src/components/Status' import { MainStatus } from 'src/components/Status'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import styles from './CustomersList.styles' import styles from './CustomersList.styles'
import { getFormattedPhone, getName } from './helper' import { getFormattedPhone, getName } from './helper'

10
new-lamassu-admin/src/pages/Customers/components/CustomInfoRequestsData.js
View file

@ -3,6 +3,11 @@ import { makeStyles } from '@material-ui/core'
import classnames from 'classnames' import classnames from 'classnames'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import React, { useState } from 'react' import React, { useState } from 'react'
import AuthorizeReversedIcon from 'src/styling/icons/button/authorize/white.svg?react'
import AuthorizeIcon from 'src/styling/icons/button/authorize/zodiac.svg?react'
import RejectReversedIcon from 'src/styling/icons/button/cancel/white.svg?react'
import RejectIcon from 'src/styling/icons/button/cancel/zodiac.svg?react'
import LinkIcon from 'src/styling/icons/month arrows/right.svg?react'
import Modal from 'src/components/Modal' import Modal from 'src/components/Modal'
import { MainStatus } from 'src/components/Status' import { MainStatus } from 'src/components/Status'
@ -16,11 +21,6 @@ import {
TBody TBody
} from 'src/components/fake-table/Table' } from 'src/components/fake-table/Table'
import { H3, Label1 } from 'src/components/typography' import { H3, Label1 } from 'src/components/typography'
import { ReactComponent as AuthorizeReversedIcon } from 'src/styling/icons/button/authorize/white.svg'
import { ReactComponent as AuthorizeIcon } from 'src/styling/icons/button/authorize/zodiac.svg'
import { ReactComponent as RejectReversedIcon } from 'src/styling/icons/button/cancel/white.svg'
import { ReactComponent as RejectIcon } from 'src/styling/icons/button/cancel/zodiac.svg'
import { ReactComponent as LinkIcon } from 'src/styling/icons/month arrows/right.svg'
import { white, disabledColor } from 'src/styling/variables' import { white, disabledColor } from 'src/styling/variables'
import DetailsCard from '../../Triggers/CustomInfoRequests/DetailsCard' import DetailsCard from '../../Triggers/CustomInfoRequests/DetailsCard'

2
new-lamassu-admin/src/pages/Customers/components/CustomerDetails.js
View file

@ -1,9 +1,9 @@
import { makeStyles, Box } from '@material-ui/core' import { makeStyles, Box } from '@material-ui/core'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import IdIcon from 'src/styling/icons/ID/card/zodiac.svg?react'
import { H2, Label1, P } from 'src/components/typography' import { H2, Label1, P } from 'src/components/typography'
import { ReactComponent as IdIcon } from 'src/styling/icons/ID/card/zodiac.svg'
import mainStyles from '../CustomersList.styles' import mainStyles from '../CustomersList.styles'
import { getFormattedPhone, getName } from '../helper' import { getFormattedPhone, getName } from '../helper'

17
new-lamassu-admin/src/pages/Customers/components/CustomerSidebar.js
View file

@ -1,15 +1,14 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React from 'react' import React from 'react'
import CustomerDataReversedIcon from 'src/styling/icons/customer-nav/data/comet.svg?react'
import { ReactComponent as CustomerDataReversedIcon } from 'src/styling/icons/customer-nav/data/comet.svg' import CustomerDataIcon from 'src/styling/icons/customer-nav/data/white.svg?react'
import { ReactComponent as CustomerDataIcon } from 'src/styling/icons/customer-nav/data/white.svg' import NoteReversedIcon from 'src/styling/icons/customer-nav/note/comet.svg?react'
import { ReactComponent as NoteReversedIcon } from 'src/styling/icons/customer-nav/note/comet.svg' import NoteIcon from 'src/styling/icons/customer-nav/note/white.svg?react'
import { ReactComponent as NoteIcon } from 'src/styling/icons/customer-nav/note/white.svg' import OverviewReversedIcon from 'src/styling/icons/customer-nav/overview/comet.svg?react'
import { ReactComponent as OverviewReversedIcon } from 'src/styling/icons/customer-nav/overview/comet.svg' import OverviewIcon from 'src/styling/icons/customer-nav/overview/white.svg?react'
import { ReactComponent as OverviewIcon } from 'src/styling/icons/customer-nav/overview/white.svg' import PhotosReversedIcon from 'src/styling/icons/customer-nav/photos/comet.svg?react'
import { ReactComponent as PhotosReversedIcon } from 'src/styling/icons/customer-nav/photos/comet.svg' import Photos from 'src/styling/icons/customer-nav/photos/white.svg?react'
import { ReactComponent as Photos } from 'src/styling/icons/customer-nav/photos/white.svg'
import styles from './CustomerSidebar.styles.js' import styles from './CustomerSidebar.styles.js'

24
new-lamassu-admin/src/pages/Customers/components/EditableCard.js
View file

@ -4,11 +4,22 @@ import classnames from 'classnames'
import { Form, Formik, Field as FormikField } from 'formik' import { Form, Formik, Field as FormikField } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import { useState, React, useRef } from 'react' import { useState, React, useRef } from 'react'
// import { HelpTooltip } from 'src/components/Tooltip'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import DeleteReversedIcon from 'src/styling/icons/action/delete/white.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import EditReversedIcon from 'src/styling/icons/action/edit/white.svg?react'
import AuthorizeIcon from 'src/styling/icons/button/authorize/white.svg?react'
import BlockIcon from 'src/styling/icons/button/block/white.svg?react'
import CancelReversedIcon from 'src/styling/icons/button/cancel/white.svg?react'
import DataReversedIcon from 'src/styling/icons/button/data/white.svg?react'
import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react'
import ReplaceReversedIcon from 'src/styling/icons/button/replace/white.svg?react'
import SaveReversedIcon from 'src/styling/icons/circle buttons/save/white.svg?react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
import PromptWhenDirty from 'src/components/PromptWhenDirty' import PromptWhenDirty from 'src/components/PromptWhenDirty'
import { MainStatus } from 'src/components/Status' import { MainStatus } from 'src/components/Status'
// import { HelpTooltip } from 'src/components/Tooltip'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from 'src/components/buttons'
import { Label1, P, H3 } from 'src/components/typography' import { Label1, P, H3 } from 'src/components/typography'
import { import {
@ -16,17 +27,6 @@ import {
OVERRIDE_REJECTED, OVERRIDE_REJECTED,
OVERRIDE_PENDING OVERRIDE_PENDING
} from 'src/pages/Customers/components/propertyCard' } from 'src/pages/Customers/components/propertyCard'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import { ReactComponent as DeleteReversedIcon } from 'src/styling/icons/action/delete/white.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as EditReversedIcon } from 'src/styling/icons/action/edit/white.svg'
import { ReactComponent as AuthorizeIcon } from 'src/styling/icons/button/authorize/white.svg'
import { ReactComponent as BlockIcon } from 'src/styling/icons/button/block/white.svg'
import { ReactComponent as CancelReversedIcon } from 'src/styling/icons/button/cancel/white.svg'
import { ReactComponent as DataReversedIcon } from 'src/styling/icons/button/data/white.svg'
import { ReactComponent as DataIcon } from 'src/styling/icons/button/data/zodiac.svg'
import { ReactComponent as ReplaceReversedIcon } from 'src/styling/icons/button/replace/white.svg'
import { ReactComponent as SaveReversedIcon } from 'src/styling/icons/circle buttons/save/white.svg'
import { comet } from 'src/styling/variables' import { comet } from 'src/styling/variables'
import styles from './EditableCard.styles.js' import styles from './EditableCard.styles.js'

2
new-lamassu-admin/src/pages/Customers/components/FrontCameraPhoto.js
View file

@ -1,8 +1,8 @@
import { Paper } from '@material-ui/core' import { Paper } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import React, { memo } from 'react' import React, { memo } from 'react'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import { ReactComponent as CrossedCameraIcon } from 'src/styling/icons/ID/photo/crossed-camera.svg'
import { URI } from 'src/utils/apollo' import { URI } from 'src/utils/apollo'
import mainStyles from '../CustomersList.styles' import mainStyles from '../CustomersList.styles'

2
new-lamassu-admin/src/pages/Customers/components/IdCardPhotoCard.js
View file

@ -1,13 +1,13 @@
import { makeStyles, Box } from '@material-ui/core' import { makeStyles, Box } from '@material-ui/core'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import { import {
PropertyCard, PropertyCard,
OVERRIDE_AUTHORIZED, OVERRIDE_AUTHORIZED,
OVERRIDE_REJECTED OVERRIDE_REJECTED
} from 'src/pages/Customers/components/propertyCard' } from 'src/pages/Customers/components/propertyCard'
import { ReactComponent as CrossedCameraIcon } from 'src/styling/icons/ID/photo/crossed-camera.svg'
import { URI } from 'src/utils/apollo' import { URI } from 'src/utils/apollo'
const useStyles = makeStyles({ const useStyles = makeStyles({

2
new-lamassu-admin/src/pages/Customers/components/PhotosCard.js
View file

@ -3,10 +3,10 @@ import Paper from '@material-ui/core/Card'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo, useState } from 'react' import React, { memo, useState } from 'react'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import { InformativeDialog } from 'src/components/InformativeDialog' import { InformativeDialog } from 'src/components/InformativeDialog'
import { Info2 } from 'src/components/typography' import { Info2 } from 'src/components/typography'
import { ReactComponent as CrossedCameraIcon } from 'src/styling/icons/ID/photo/crossed-camera.svg'
import { URI } from 'src/utils/apollo' import { URI } from 'src/utils/apollo'
import styles from './PhotosCard.styles' import styles from './PhotosCard.styles'

12
new-lamassu-admin/src/pages/Customers/components/TransactionsList.js
View file

@ -1,14 +1,14 @@
import { utils as coinUtils } from '@lamassu/coins' import { toUnit } from '@lamassu/coins/lightUtils'
import { makeStyles, Box } from '@material-ui/core' import { makeStyles, Box } from '@material-ui/core'
import BigNumber from 'bignumber.js' import BigNumber from 'bignumber.js'
import classnames from 'classnames' import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { H3, H4, Label1, Label2, P } from 'src/components/typography' import { H3, H4, Label1, Label2, P } from 'src/components/typography'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { ifNotNull } from 'src/utils/nullCheck' import { ifNotNull } from 'src/utils/nullCheck'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'
@ -116,9 +116,9 @@ const TransactionsList = ({ customer, data, loading }) => {
textAlign: 'right', textAlign: 'right',
view: it => ( view: it => (
<> <>
{`${coinUtils {`${toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode).toFormat(
.toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode) 5
.toFormat(5)} `} )} `}
<Label2 inline>{it.cryptoCode}</Label2> <Label2 inline>{it.cryptoCode}</Label2>
</> </>
) )

4
new-lamassu-admin/src/pages/Customers/components/Upload.js
View file

@ -3,10 +3,10 @@ import { useFormikContext } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useCallback } from 'react' import React, { useState, useCallback } from 'react'
import { useDropzone } from 'react-dropzone' import { useDropzone } from 'react-dropzone'
import UploadPhotoIcon from 'src/styling/icons/button/photo/zodiac-resized.svg?react'
import UploadFileIcon from 'src/styling/icons/button/upload-file/zodiac-resized.svg?react'
import { Label3, H3 } from 'src/components/typography' import { Label3, H3 } from 'src/components/typography'
import { ReactComponent as UploadPhotoIcon } from 'src/styling/icons/button/photo/zodiac-resized.svg'
import { ReactComponent as UploadFileIcon } from 'src/styling/icons/button/upload-file/zodiac-resized.svg'
import { offColor, subheaderColor } from 'src/styling/variables' import { offColor, subheaderColor } from 'src/styling/variables'
const useStyles = makeStyles({ const useStyles = makeStyles({

2
new-lamassu-admin/src/pages/Customers/components/notes/NewNoteCard.js
View file

@ -1,9 +1,9 @@
import { makeStyles, Paper } from '@material-ui/core' import { makeStyles, Paper } from '@material-ui/core'
import classNames from 'classnames' import classNames from 'classnames'
import { React } from 'react' import { React } from 'react'
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
import { P } from 'src/components/typography' import { P } from 'src/components/typography'
import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg'
import styles from './NoteCard.styles' import styles from './NoteCard.styles'

2
new-lamassu-admin/src/pages/Customers/components/notes/NoteCard.js
View file

@ -1,9 +1,9 @@
import { makeStyles, Paper } from '@material-ui/core' import { makeStyles, Paper } from '@material-ui/core'
import * as R from 'ramda' import * as R from 'ramda'
import { React } from 'react' import { React } from 'react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import { H3, P } from 'src/components/typography' import { H3, P } from 'src/components/typography'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'
import styles from './NoteCard.styles' import styles from './NoteCard.styles'

8
new-lamassu-admin/src/pages/Customers/components/notes/NoteEdit.js
View file

@ -2,15 +2,15 @@ import { makeStyles, Paper } from '@material-ui/core'
import { formatDurationWithOptions, intervalToDuration } from 'date-fns/fp' import { formatDurationWithOptions, intervalToDuration } from 'date-fns/fp'
import { Form, Formik, Field } from 'formik' import { Form, Formik, Field } from 'formik'
import { React, useRef } from 'react' import { React, useRef } from 'react'
import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react'
import CancelIcon from 'src/styling/icons/button/cancel/zodiac.svg?react'
import SaveIconInverse from 'src/styling/icons/circle buttons/save/white.svg?react'
import SaveIcon from 'src/styling/icons/circle buttons/save/zodiac.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from 'src/components/inputs/formik'
import { P } from 'src/components/typography' import { P } from 'src/components/typography'
import { ReactComponent as CancelIconInverse } from 'src/styling/icons/button/cancel/white.svg'
import { ReactComponent as CancelIcon } from 'src/styling/icons/button/cancel/zodiac.svg'
import { ReactComponent as SaveIconInverse } from 'src/styling/icons/circle buttons/save/white.svg'
import { ReactComponent as SaveIcon } from 'src/styling/icons/circle buttons/save/zodiac.svg'
import { toTimezone } from 'src/utils/timezones' import { toTimezone } from 'src/utils/timezones'
import styles from './NoteCard.styles' import styles from './NoteCard.styles'

12
new-lamassu-admin/src/pages/Customers/components/propertyCard/PropertyCard.js
View file

@ -2,16 +2,16 @@ import { Paper } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React, { memo } from 'react' import React, { memo } from 'react'
import AuthorizeReversedIcon from 'src/styling/icons/button/authorize/white.svg?react'
import AuthorizeIcon from 'src/styling/icons/button/authorize/zodiac.svg?react'
import RejectReversedIcon from 'src/styling/icons/button/cancel/white.svg?react'
import RejectIcon from 'src/styling/icons/button/cancel/zodiac.svg?react'
import EditReversedIcon from 'src/styling/icons/button/edit/white.svg?react'
import EditIcon from 'src/styling/icons/button/edit/zodiac.svg?react'
import { MainStatus } from 'src/components/Status' import { MainStatus } from 'src/components/Status'
import { ActionButton } from 'src/components/buttons' import { ActionButton } from 'src/components/buttons'
import { H3 } from 'src/components/typography' import { H3 } from 'src/components/typography'
import { ReactComponent as AuthorizeReversedIcon } from 'src/styling/icons/button/authorize/white.svg'
import { ReactComponent as AuthorizeIcon } from 'src/styling/icons/button/authorize/zodiac.svg'
import { ReactComponent as RejectReversedIcon } from 'src/styling/icons/button/cancel/white.svg'
import { ReactComponent as RejectIcon } from 'src/styling/icons/button/cancel/zodiac.svg'
import { ReactComponent as EditReversedIcon } from 'src/styling/icons/button/edit/white.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/button/edit/zodiac.svg'
import { propertyCardStyles } from './PropertyCard.styles' import { propertyCardStyles } from './PropertyCard.styles'

8
new-lamassu-admin/src/pages/Dashboard/Alerts/AlertsTable.js
View file

@ -4,12 +4,12 @@ import ListItem from '@material-ui/core/ListItem'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import Wrench from 'src/styling/icons/action/wrench/zodiac.svg?react'
import CashBoxEmpty from 'src/styling/icons/cassettes/cashbox-empty.svg?react'
import AlertLinkIcon from 'src/styling/icons/month arrows/right.svg?react'
import WarningIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
import { P } from 'src/components/typography/index' import { P } from 'src/components/typography/index'
import { ReactComponent as Wrench } from 'src/styling/icons/action/wrench/zodiac.svg'
import { ReactComponent as CashBoxEmpty } from 'src/styling/icons/cassettes/cashbox-empty.svg'
import { ReactComponent as AlertLinkIcon } from 'src/styling/icons/month arrows/right.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/tomato.svg'
import styles from './Alerts.styles' import styles from './Alerts.styles'
const useStyles = makeStyles(styles) const useStyles = makeStyles(styles)

4
new-lamassu-admin/src/pages/Dashboard/Dashboard.js
View file

@ -5,13 +5,13 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from 'src/components/layout/TitleSection'
import { H1, Info2, TL2, Label1 } from 'src/components/typography' import { H1, Info2, TL2, Label1 } from 'src/components/typography'
import AddMachine from 'src/pages/AddMachine' import AddMachine from 'src/pages/AddMachine'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { errorColor } from 'src/styling/variables' import { errorColor } from 'src/styling/variables'
import styles from './Dashboard.styles' import styles from './Dashboard.styles'

4
new-lamassu-admin/src/pages/Dashboard/Footer/Footer.js
View file

@ -6,10 +6,10 @@ import classnames from 'classnames'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { Label2 } from 'src/components/typography' import { Label2 } from 'src/components/typography'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from 'src/utils/config'
import styles from './Footer.styles' import styles from './Footer.styles'

6
new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
View file

@ -7,12 +7,12 @@ import { isAfter } from 'date-fns/fp'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import PercentDownIcon from 'src/styling/icons/dashboard/down.svg?react'
import PercentNeutralIcon from 'src/styling/icons/dashboard/equal.svg?react'
import PercentUpIcon from 'src/styling/icons/dashboard/up.svg?react'
import { EmptyTable } from 'src/components/table' import { EmptyTable } from 'src/components/table'
import { Label1, Label2, P } from 'src/components/typography/index' import { Label1, Label2, P } from 'src/components/typography/index'
import { ReactComponent as PercentDownIcon } from 'src/styling/icons/dashboard/down.svg'
import { ReactComponent as PercentNeutralIcon } from 'src/styling/icons/dashboard/equal.svg'
import { ReactComponent as PercentUpIcon } from 'src/styling/icons/dashboard/up.svg'
import { java, neon } from 'src/styling/variables' import { java, neon } from 'src/styling/variables'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from 'src/utils/config'
import { DAY, WEEK, MONTH } from 'src/utils/time' import { DAY, WEEK, MONTH } from 'src/utils/time'

6
new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.js
View file

@ -11,12 +11,12 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { useHistory } from 'react-router-dom' import { useHistory } from 'react-router-dom'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import MachineLinkIcon from 'src/styling/icons/month arrows/right.svg?react'
import { Status } from 'src/components/Status' import { Status } from 'src/components/Status'
import { Label2, TL2 } from 'src/components/typography' import { Label2, TL2 } from 'src/components/typography'
// import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg' // import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { ReactComponent as MachineLinkIcon } from 'src/styling/icons/month arrows/right.svg'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from 'src/utils/config'
import styles from './MachinesTable.styles' import styles from './MachinesTable.styles'

4
new-lamassu-admin/src/pages/Funding.js
View file

@ -1,5 +1,5 @@
import { useQuery } from '@apollo/react-hooks' import { useQuery } from '@apollo/react-hooks'
import { utils as coinUtils } from '@lamassu/coins' import { formatCryptoAddress } from '@lamassu/coins/lightUtils'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import BigNumber from 'bignumber.js' import BigNumber from 'bignumber.js'
import classnames from 'classnames' import classnames from 'classnames'
@ -55,7 +55,7 @@ const GET_FUNDING = gql`
` `
const formatAddress = (cryptoCode = '', address = '') => const formatAddress = (cryptoCode = '', address = '') =>
coinUtils.formatCryptoAddress(cryptoCode, address).replace(/(.{4})/g, '$1 ') formatCryptoAddress(cryptoCode, address).replace(/(.{4})/g, '$1 ')
const sumReducer = (acc, value) => acc.plus(value) const sumReducer = (acc, value) => acc.plus(value)
const formatNumber = it => new BigNumber(it).toFormat(2) const formatNumber = it => new BigNumber(it).toFormat(2)

4
new-lamassu-admin/src/pages/LoyaltyPanel/IndividualDiscounts.js
View file

@ -3,13 +3,13 @@ import { makeStyles, Box } from '@material-ui/core'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import PhoneIdIcon from 'src/styling/icons/ID/phone/zodiac.svg?react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import { DeleteDialog } from 'src/components/DeleteDialog' import { DeleteDialog } from 'src/components/DeleteDialog'
import { Link, Button, IconButton } from 'src/components/buttons' import { Link, Button, IconButton } from 'src/components/buttons'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { Label3, TL1 } from 'src/components/typography' import { Label3, TL1 } from 'src/components/typography'
import { ReactComponent as PhoneIdIcon } from 'src/styling/icons/ID/phone/zodiac.svg'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import styles from './IndividualDiscount.styles' import styles from './IndividualDiscount.styles'
import IndividualDiscountModal from './IndividualDiscountModal' import IndividualDiscountModal from './IndividualDiscountModal'

2
new-lamassu-admin/src/pages/LoyaltyPanel/PromoCodes.js
View file

@ -3,12 +3,12 @@ import { makeStyles, Box } from '@material-ui/core'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import { DeleteDialog } from 'src/components/DeleteDialog' import { DeleteDialog } from 'src/components/DeleteDialog'
import { Link, Button, IconButton } from 'src/components/buttons' import { Link, Button, IconButton } from 'src/components/buttons'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { Label3, TL1 } from 'src/components/typography' import { Label3, TL1 } from 'src/components/typography'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import styles from './PromoCodes.styles' import styles from './PromoCodes.styles'
import PromoCodesModal from './PromoCodesModal' import PromoCodesModal from './PromoCodesModal'

5
new-lamassu-admin/src/pages/Machines/MachineComponents/Commissions/helper.js
View file

@ -1,7 +1,6 @@
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg' import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
const cashInAndOutHeaderStyle = { marginLeft: 6 } const cashInAndOutHeaderStyle = { marginLeft: 6 }

4
new-lamassu-admin/src/pages/Machines/MachineComponents/Transactions/DataTable.js
View file

@ -8,6 +8,8 @@ import {
CellMeasurer, CellMeasurer,
CellMeasurerCache CellMeasurerCache
} from 'react-virtualized' } from 'react-virtualized'
import ExpandClosedIcon from 'src/styling/icons/action/expand/closed.svg?react'
import ExpandOpenIcon from 'src/styling/icons/action/expand/open.svg?react'
import { import {
Table, Table,
@ -19,8 +21,6 @@ import {
} from 'src/components/fake-table/Table' } from 'src/components/fake-table/Table'
import styles from 'src/components/tables/DataTable.styles' import styles from 'src/components/tables/DataTable.styles'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import { ReactComponent as ExpandClosedIcon } from 'src/styling/icons/action/expand/closed.svg'
import { ReactComponent as ExpandOpenIcon } from 'src/styling/icons/action/expand/open.svg'
const useStyles = makeStyles(styles) const useStyles = makeStyles(styles)

14
new-lamassu-admin/src/pages/Machines/MachineComponents/Transactions/Transactions.js
View file

@ -1,16 +1,16 @@
import { useQuery, useLazyQuery } from '@apollo/react-hooks' import { useQuery, useLazyQuery } from '@apollo/react-hooks'
import { utils as coinUtils } from '@lamassu/coins' import { toUnit, formatCryptoAddress } from '@lamassu/coins/lightUtils'
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import BigNumber from 'bignumber.js' import BigNumber from 'bignumber.js'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import DetailsRow from 'src/pages/Transactions/DetailsCard' import DetailsRow from 'src/pages/Transactions/DetailsCard'
import { mainStyles } from 'src/pages/Transactions/Transactions.styles' import { mainStyles } from 'src/pages/Transactions/Transactions.styles'
import { getStatus } from 'src/pages/Transactions/helper' import { getStatus } from 'src/pages/Transactions/helper'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import * as Customer from 'src/utils/customer' import * as Customer from 'src/utils/customer'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'
@ -124,13 +124,13 @@ const Transactions = ({ id }) => {
textAlign: 'right', textAlign: 'right',
size: 'sm', size: 'sm',
view: it => view: it =>
`${coinUtils `${toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode).toFormat(5)} ${
.toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode) it.cryptoCode
.toFormat(5)} ${it.cryptoCode}` }`
}, },
{ {
header: 'Address', header: 'Address',
view: it => coinUtils.formatCryptoAddress(it.cryptoCode, it.toAddress), view: it => formatCryptoAddress(it.cryptoCode, it.toAddress),
className: classes.overflowTd, className: classes.overflowTd,
size: 'sm', size: 'sm',
textAlign: 'left', textAlign: 'left',

6
new-lamassu-admin/src/pages/Maintenance/CashUnits.js
View file

@ -3,6 +3,9 @@ import { DialogActions, makeStyles, Box } from '@material-ui/core'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import ReverseHistoryIcon from 'src/styling/icons/circle buttons/history/white.svg?react'
import HistoryIcon from 'src/styling/icons/circle buttons/history/zodiac.svg?react'
import LogsDowloaderPopover from 'src/components/LogsDownloaderPopper' import LogsDowloaderPopover from 'src/components/LogsDownloaderPopper'
import Modal from 'src/components/Modal' import Modal from 'src/components/Modal'
@ -13,9 +16,6 @@ import TitleSection from 'src/components/layout/TitleSection'
import { EmptyTable } from 'src/components/table' import { EmptyTable } from 'src/components/table'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { P, Label1 } from 'src/components/typography' import { P, Label1 } from 'src/components/typography'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as ReverseHistoryIcon } from 'src/styling/icons/circle buttons/history/white.svg'
import { ReactComponent as HistoryIcon } from 'src/styling/icons/circle buttons/history/zodiac.svg'
import { fromNamespace, toNamespace } from 'src/utils/config' import { fromNamespace, toNamespace } from 'src/utils/config'
import { MANUAL, AUTOMATIC } from 'src/utils/constants' import { MANUAL, AUTOMATIC } from 'src/utils/constants'
import { onlyFirstToUpper } from 'src/utils/string' import { onlyFirstToUpper } from 'src/utils/string'

4
new-lamassu-admin/src/pages/Maintenance/CashUnitsFooter.js
View file

@ -2,10 +2,10 @@ import { makeStyles } from '@material-ui/core'
import BigNumber from 'bignumber.js' import BigNumber from 'bignumber.js'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { Info1, Info2, Info3 } from 'src/components/typography/index' import { Info1, Info2, Info3 } from 'src/components/typography/index'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from 'src/utils/config'
import { numberToFiatAmount } from 'src/utils/number.js' import { numberToFiatAmount } from 'src/utils/number.js'

10
new-lamassu-admin/src/pages/Maintenance/CashboxHistory.js
View file

@ -4,15 +4,15 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
// import * as Yup from 'yup' // import * as Yup from 'yup'
// import { Link, IconButton } from 'src/components/buttons' // import { Link, IconButton } from 'src/components/buttons'
// import { TextInput } from 'src/components/inputs' // import { TextInput } from 'src/components/inputs'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { NumberInput } from 'src/components/inputs/formik' import { NumberInput } from 'src/components/inputs/formik'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
// import { ReactComponent as EditIconDisabled } from 'src/styling/icons/action/edit/disabled.svg' // import EditIconDisabled from 'src/styling/icons/action/edit/disabled.svg?react'
// import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg' // import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'
const GET_BATCHES = gql` const GET_BATCHES = gql`

2
new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.js
View file

@ -4,7 +4,7 @@ import BigNumber from 'bignumber.js'
import React from 'react' import React from 'react'
// import { Status } from 'src/components/Status' // import { Status } from 'src/components/Status'
// import { ReactComponent as LinkIcon } from 'src/styling/icons/button/link/zodiac.svg' // import LinkIcon from 'src/styling/icons/button/link/zodiac.svg?react'
import MachineActions from 'src/components/machineActions/MachineActions' import MachineActions from 'src/components/machineActions/MachineActions'
import { modelPrettifier } from 'src/utils/machine' import { modelPrettifier } from 'src/utils/machine'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'

6
new-lamassu-admin/src/pages/Maintenance/MachineStatus.js
View file

@ -5,14 +5,14 @@ import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import { useHistory, useLocation } from 'react-router-dom' import { useHistory, useLocation } from 'react-router-dom'
import MachineRedirectIcon from 'src/styling/icons/month arrows/right.svg?react'
import WarningIcon from 'src/styling/icons/status/pumpkin.svg?react'
import ErrorIcon from 'src/styling/icons/status/tomato.svg?react'
import { MainStatus } from 'src/components/Status' import { MainStatus } from 'src/components/Status'
import Title from 'src/components/Title' import Title from 'src/components/Title'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { mainStyles } from 'src/pages/Transactions/Transactions.styles' import { mainStyles } from 'src/pages/Transactions/Transactions.styles'
import { ReactComponent as MachineRedirectIcon } from 'src/styling/icons/month arrows/right.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/status/pumpkin.svg'
import { ReactComponent as ErrorIcon } from 'src/styling/icons/status/tomato.svg'
import MachineDetailsRow from './MachineDetailsCard' import MachineDetailsRow from './MachineDetailsCard'

2
new-lamassu-admin/src/pages/Maintenance/Wizard/WizardSplash.js
View file

@ -1,10 +1,10 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import React from 'react' import React from 'react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
import { H1, P, Info2 } from 'src/components/typography' import { H1, P, Info2 } from 'src/components/typography'
import filledCassettes from 'src/styling/icons/cassettes/both-filled.svg' import filledCassettes from 'src/styling/icons/cassettes/both-filled.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
import { comet } from 'src/styling/variables' import { comet } from 'src/styling/variables'
const styles = { const styles = {

2
new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
View file

@ -3,6 +3,7 @@ import classnames from 'classnames'
import { Formik, Form, Field } from 'formik' import { Formik, Form, Field } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
import Stepper from 'src/components/Stepper' import Stepper from 'src/components/Stepper'
@ -21,7 +22,6 @@ import tejo4CassetteOne from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cas
import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg' import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg' import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg' import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
import { comet, errorColor } from 'src/styling/variables' import { comet, errorColor } from 'src/styling/variables'
import { getCashUnitCapacity } from 'src/utils/machine' import { getCashUnitCapacity } from 'src/utils/machine'
import { numberToFiatAmount } from 'src/utils/number' import { numberToFiatAmount } from 'src/utils/number'

2
new-lamassu-admin/src/pages/Maintenance/helper.js
View file

@ -1,8 +1,8 @@
import * as R from 'ramda' import * as R from 'ramda'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import { IconButton } from 'src/components/buttons' import { IconButton } from 'src/components/buttons'
import { CashIn, CashOutLite } from 'src/components/inputs/cashbox/Cashbox' import { CashIn, CashOutLite } from 'src/components/inputs/cashbox/Cashbox'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { fromNamespace } from 'src/utils/config' import { fromNamespace } from 'src/utils/config'
import { getCashUnitCapacity } from 'src/utils/machine' import { getCashUnitCapacity } from 'src/utils/machine'

4
new-lamassu-admin/src/pages/Notifications/components/EditHeader.js
View file

@ -1,10 +1,10 @@
import { makeStyles } from '@material-ui/core' import { makeStyles } from '@material-ui/core'
import React from 'react' import React from 'react'
import DisabledEditIcon from 'src/styling/icons/action/edit/disabled.svg?react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import { Link, IconButton } from 'src/components/buttons' import { Link, IconButton } from 'src/components/buttons'
import { H4 } from 'src/components/typography' import { H4 } from 'src/components/typography'
import { ReactComponent as DisabledEditIcon } from 'src/styling/icons/action/edit/disabled.svg'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import styles from './EditHeader.styles' import styles from './EditHeader.styles'

4
new-lamassu-admin/src/pages/OperatorInfo/ContactInfo.js
View file

@ -5,6 +5,8 @@ import { Form, Formik, Field as FormikField } from 'formik'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
@ -14,8 +16,6 @@ import { Link, IconButton, SupportLinkButton } from 'src/components/buttons'
import Switch from 'src/components/inputs/base/Switch' import Switch from 'src/components/inputs/base/Switch'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from 'src/components/inputs/formik'
import { P, H4, Info3, Label1, Label2, Label3 } from 'src/components/typography' import { P, H4, Info3, Label1, Label2, Label3 } from 'src/components/typography'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
import { fontSize5 } from 'src/styling/variables' import { fontSize5 } from 'src/styling/variables'
import { fromNamespace, toNamespace, namespaces } from 'src/utils/config' import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'

8
new-lamassu-admin/src/pages/OperatorInfo/SMSNotices/SMSNotices.js
View file

@ -3,16 +3,16 @@ import { makeStyles, Paper } from '@material-ui/core'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import ExpandIconClosed from 'src/styling/icons/action/expand/closed.svg?react'
import ExpandIconOpen from 'src/styling/icons/action/expand/open.svg?react'
import WhiteLogo from 'src/styling/icons/menu/logo-white.svg?react'
import { HelpTooltip } from 'src/components/Tooltip' import { HelpTooltip } from 'src/components/Tooltip'
import { IconButton, SupportLinkButton } from 'src/components/buttons' import { IconButton, SupportLinkButton } from 'src/components/buttons'
import { Switch } from 'src/components/inputs' import { Switch } from 'src/components/inputs'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { H4, P, Label3 } from 'src/components/typography' import { H4, P, Label3 } from 'src/components/typography'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { ReactComponent as ExpandIconClosed } from 'src/styling/icons/action/expand/closed.svg'
import { ReactComponent as ExpandIconOpen } from 'src/styling/icons/action/expand/open.svg'
import { ReactComponent as WhiteLogo } from 'src/styling/icons/menu/logo-white.svg'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'
import styles from './SMSNotices.styles' import styles from './SMSNotices.styles'

4
new-lamassu-admin/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.js
View file

@ -2,6 +2,8 @@ import { makeStyles, Chip } from '@material-ui/core'
import { Form, Formik, Field } from 'formik' import { Form, Formik, Field } from 'formik'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import DefaultIconReverse from 'src/styling/icons/button/retry/white.svg?react'
import DefaultIcon from 'src/styling/icons/button/retry/zodiac.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
@ -9,8 +11,6 @@ import Modal from 'src/components/Modal'
import { ActionButton, Button } from 'src/components/buttons' import { ActionButton, Button } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from 'src/components/inputs/formik'
import { Info2 } from 'src/components/typography' import { Info2 } from 'src/components/typography'
import { ReactComponent as DefaultIconReverse } from 'src/styling/icons/button/retry/white.svg'
import { ReactComponent as DefaultIcon } from 'src/styling/icons/button/retry/zodiac.svg'
import { zircon } from 'src/styling/variables' import { zircon } from 'src/styling/variables'
import styles from './SMSNotices.styles' import styles from './SMSNotices.styles'

2
new-lamassu-admin/src/pages/OperatorInfo/TermsConditions.js
View file

@ -5,6 +5,7 @@ import { Form, Formik, Field as FormikField } from 'formik'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState } from 'react' import React, { useState } from 'react'
import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
import * as Yup from 'yup' import * as Yup from 'yup'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
@ -14,7 +15,6 @@ import { Link, IconButton, SupportLinkButton } from 'src/components/buttons'
import { Switch } from 'src/components/inputs' import { Switch } from 'src/components/inputs'
import { TextInput } from 'src/components/inputs/formik' import { TextInput } from 'src/components/inputs/formik'
import { H4, Info2, Info3, Label2, Label3, P } from 'src/components/typography' import { H4, Info2, Info3, Label2, Label3, P } from 'src/components/typography'
import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg'
import { fromNamespace, toNamespace, namespaces } from 'src/utils/config' import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
import { global, fieldStyles } from './OperatorInfo.styles' import { global, fieldStyles } from './OperatorInfo.styles'

5
new-lamassu-admin/src/pages/Services/schemas/helper.js
View file

@ -1,4 +1,5 @@
import { ALL_CRYPTOS, utils as coinUtils } from '@lamassu/coins' import { ALL_CRYPTOS } from '@lamassu/coins/config/consts'
import { getEquivalentCode } from '@lamassu/coins/lightUtils'
import * as R from 'ramda' import * as R from 'ramda'
const WARNING_LEVELS = { const WARNING_LEVELS = {
@ -31,7 +32,7 @@ const leadingZerosTest = (value, context) => {
const buildCurrencyOptions = markets => { const buildCurrencyOptions = markets => {
const prunedCoins = R.compose( const prunedCoins = R.compose(
R.uniq, R.uniq,
R.map(coinUtils.getEquivalentCode) R.map(getEquivalentCode)
)(ALL_CRYPTOS) )(ALL_CRYPTOS)
return R.map(it => { return R.map(it => {
const unavailableCryptos = R.difference(prunedCoins, markets[it]) const unavailableCryptos = R.difference(prunedCoins, markets[it])

2
new-lamassu-admin/src/pages/SessionManagement/SessionManagement.js
View file

@ -2,12 +2,12 @@ import { useQuery, useMutation } from '@apollo/react-hooks'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import * as R from 'ramda' import * as R from 'ramda'
import React from 'react' import React from 'react'
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
import parser from 'ua-parser-js' import parser from 'ua-parser-js'
import { IconButton } from 'src/components/buttons' import { IconButton } from 'src/components/buttons'
import TitleSection from 'src/components/layout/TitleSection' import TitleSection from 'src/components/layout/TitleSection'
import DataTable from 'src/components/tables/DataTable' import DataTable from 'src/components/tables/DataTable'
import { ReactComponent as DeleteIcon } from 'src/styling/icons/action/delete/enabled.svg'
import { formatDate } from 'src/utils/timezones' import { formatDate } from 'src/utils/timezones'
const GET_SESSIONS = gql` const GET_SESSIONS = gql`

2
new-lamassu-admin/src/pages/Transactions/CopyToClipboard.js
View file

@ -3,9 +3,9 @@ import classnames from 'classnames'
import * as R from 'ramda' import * as R from 'ramda'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard' import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard'
import CopyIcon from 'src/styling/icons/action/copy/copy.svg?react'
import Popover from 'src/components/Popper' import Popover from 'src/components/Popper'
import { ReactComponent as CopyIcon } from 'src/styling/icons/action/copy/copy.svg'
import { comet } from 'src/styling/variables' import { comet } from 'src/styling/variables'
import { cpcStyles } from './Transactions.styles' import { cpcStyles } from './Transactions.styles'

Some files were not shown because too many files have changed in this diff Show more