chore: stop using alias imports
This commit is contained in:
parent
ad7a2eac4e
commit
b48c590bc8
243 changed files with 1061 additions and 1080 deletions
|
|
@ -1,7 +1,7 @@
|
|||
import React, { memo, useState } from 'react'
|
||||
import styles from './Carousel.module.css'
|
||||
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 LeftArrow from '../styling/icons/arrow/carousel-left-arrow.svg?react'
|
||||
import RightArrow from '../styling/icons/arrow/carousel-right-arrow.svg?react'
|
||||
|
||||
export const Carousel = memo(({ photosData, slidePhoto }) => {
|
||||
const [activeIndex, setActiveIndex] = useState(0)
|
||||
|
|
|
|||
|
|
@ -4,11 +4,11 @@ import DialogContent from '@mui/material/DialogContent'
|
|||
import IconButton from '@mui/material/IconButton'
|
||||
import InputLabel from '@mui/material/InputLabel'
|
||||
import React, { memo, useState } from 'react'
|
||||
import { H4, P } from 'src/components/typography'
|
||||
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
|
||||
import { H4, P } from './typography'
|
||||
import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
|
||||
|
||||
import { Button } from 'src/components/buttons'
|
||||
import { TextInput } from 'src/components/inputs'
|
||||
import { Button } from './buttons'
|
||||
import { TextInput } from './inputs'
|
||||
|
||||
import ErrorMessage from './ErrorMessage'
|
||||
import SvgIcon from '@mui/material/SvgIcon'
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@ import classnames from 'classnames'
|
|||
import * as R from 'ramda'
|
||||
import React, { useState, useEffect } from 'react'
|
||||
import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard'
|
||||
import Popover from 'src/components/Popper.jsx'
|
||||
import CopyIcon from 'src/styling/icons/action/copy/copy.svg?react'
|
||||
import Popover from './Popper.jsx'
|
||||
import CopyIcon from '../styling/icons/action/copy/copy.svg?react'
|
||||
|
||||
import { comet } from 'src/styling/variables.js'
|
||||
import { comet } from '../styling/variables.js'
|
||||
|
||||
import { Label1, Mono } from './typography/index.jsx'
|
||||
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@ import DialogActions from '@mui/material/DialogActions'
|
|||
import DialogContent from '@mui/material/DialogContent'
|
||||
import IconButton from '@mui/material/IconButton'
|
||||
import React from 'react'
|
||||
import { H4, P } from 'src/components/typography'
|
||||
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
|
||||
import { H4, P } from './typography'
|
||||
import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
|
||||
|
||||
import { Button } from 'src/components/buttons'
|
||||
import { Button } from './buttons'
|
||||
|
||||
import ErrorMessage from './ErrorMessage'
|
||||
import SvgIcon from '@mui/material/SvgIcon'
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import classnames from 'classnames'
|
||||
import React from 'react'
|
||||
import ErrorIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
|
||||
import ErrorIcon from '../styling/icons/warning-icon/tomato.svg?react'
|
||||
|
||||
import { Info3 } from './typography'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import ClickAwayListener from '@mui/material/ClickAwayListener'
|
||||
import classnames from 'classnames'
|
||||
import React, { memo, useState } from 'react'
|
||||
import Popper from 'src/components/Popper'
|
||||
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 './Popper'
|
||||
import ZoomIconInverse from '../styling/icons/circle buttons/search/white.svg?react'
|
||||
import ZoomIcon from '../styling/icons/circle buttons/search/zodiac.svg?react'
|
||||
|
||||
import { FeatureButton } from 'src/components/buttons'
|
||||
import { FeatureButton } from './buttons'
|
||||
|
||||
const ImagePopper = memo(
|
||||
({ className, width, height, popupWidth, popupHeight, src }) => {
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@ import DialogContent from '@mui/material/DialogContent'
|
|||
import SvgIcon from '@mui/material/SvgIcon'
|
||||
import IconButton from '@mui/material/IconButton'
|
||||
import React, { memo } from 'react'
|
||||
import { H1 } from 'src/components/typography'
|
||||
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
|
||||
import { H1 } from './typography'
|
||||
import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
|
||||
|
||||
export const InformativeDialog = memo(
|
||||
({ title = '', open, onDissmised, data, ...props }) => {
|
||||
|
|
|
|||
|
|
@ -5,12 +5,12 @@ import { format, set } from 'date-fns/fp'
|
|||
import FileSaver from 'file-saver'
|
||||
import * as R from 'ramda'
|
||||
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 Arrow from '../styling/icons/arrow/download_logs.svg?react'
|
||||
import DownloadInverseIcon from '../styling/icons/button/download/white.svg?react'
|
||||
import Download from '../styling/icons/button/download/zodiac.svg?react'
|
||||
|
||||
import { FeatureButton, Link } from 'src/components/buttons'
|
||||
import { formatDate } from 'src/utils/timezones'
|
||||
import { FeatureButton, Link } from './buttons'
|
||||
import { formatDate } from '../utils/timezones'
|
||||
|
||||
import Popper from './Popper'
|
||||
import DateRangePicker from './date-range-picker/DateRangePicker'
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@ import SvgIcon from '@mui/material/SvgIcon'
|
|||
import Paper from '@mui/material/Paper'
|
||||
import classnames from 'classnames'
|
||||
import React from 'react'
|
||||
import { H1, H4 } from 'src/components/typography'
|
||||
import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
|
||||
import { H1, H4 } from './typography'
|
||||
import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
|
||||
|
||||
const Modal = ({
|
||||
width,
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import { useQuery, useMutation, gql } from '@apollo/client'
|
||||
import * as R from 'ramda'
|
||||
import React, { useState, useEffect } from 'react'
|
||||
import ActionButton from 'src/components/buttons/ActionButton'
|
||||
import { H5 } from 'src/components/typography'
|
||||
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 '../buttons/ActionButton'
|
||||
import { H5 } from '../typography'
|
||||
import NotificationIconZodiac from '../../styling/icons/menu/notification-zodiac.svg?react'
|
||||
import ClearAllIconInverse from '../../styling/icons/stage/spring/empty.svg?react'
|
||||
import ClearAllIcon from '../../styling/icons/stage/zodiac/empty.svg?react'
|
||||
import ShowUnreadIcon from '../../styling/icons/stage/zodiac/full.svg?react'
|
||||
|
||||
import NotificationRow from './NotificationRow'
|
||||
import classes from './NotificationCenter.module.css'
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@ import classnames from 'classnames'
|
|||
import prettyMs from 'pretty-ms'
|
||||
import * as R from 'ramda'
|
||||
import React from 'react'
|
||||
import { Label1, Label2, TL2 } from 'src/components/typography'
|
||||
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 '../typography'
|
||||
import Wrench from '../../styling/icons/action/wrench/zodiac.svg?react'
|
||||
import Transaction from '../../styling/icons/arrow/transaction.svg?react'
|
||||
import WarningIcon from '../../styling/icons/warning-icon/tomato.svg?react'
|
||||
|
||||
import classes from './NotificationCenter.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import classnames from 'classnames'
|
|||
import * as R from 'ramda'
|
||||
import React, { useState } from 'react'
|
||||
|
||||
import { white } from 'src/styling/variables'
|
||||
import { white } from '../styling/variables'
|
||||
import classes from './Popper.module.css'
|
||||
|
||||
const Popover = ({ children, bgColor = white, className, ...props }) => {
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@ import Paper from '@mui/material/Paper'
|
|||
import MAutocomplete from '@mui/material/Autocomplete'
|
||||
import classnames from 'classnames'
|
||||
import React, { memo, useState } from 'react'
|
||||
import { P } from 'src/components/typography'
|
||||
import SearchIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react'
|
||||
import { P } from './typography'
|
||||
import SearchIcon from '../styling/icons/circle buttons/search/zodiac.svg?react'
|
||||
|
||||
const SearchBox = memo(
|
||||
({
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import Chip from '@mui/material/Chip'
|
||||
import React from 'react'
|
||||
import { P, Label3 } from 'src/components/typography'
|
||||
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 { P, Label3 } from './typography'
|
||||
import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
|
||||
import FilterIcon from '../styling/icons/button/filter/white.svg?react'
|
||||
import ReverseFilterIcon from '../styling/icons/button/filter/zodiac.svg?react'
|
||||
|
||||
import { ActionButton } from 'src/components/buttons'
|
||||
import { onlyFirstToUpper, singularOrPlural } from 'src/utils/string'
|
||||
import { ActionButton } from './buttons'
|
||||
import { onlyFirstToUpper, singularOrPlural } from '../utils/string'
|
||||
|
||||
const SearchFilter = ({
|
||||
filters,
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import classnames from 'classnames'
|
||||
import * as R from 'ramda'
|
||||
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 CompleteStageIconSpring from '../styling/icons/stage/spring/complete.svg?react'
|
||||
import CurrentStageIconSpring from '../styling/icons/stage/spring/current.svg?react'
|
||||
import EmptyStageIconSpring from '../styling/icons/stage/spring/empty.svg?react'
|
||||
import CompleteStageIconZodiac from '../styling/icons/stage/zodiac/complete.svg?react'
|
||||
import CurrentStageIconZodiac from '../styling/icons/stage/zodiac/current.svg?react'
|
||||
import EmptyStageIconZodiac from '../styling/icons/stage/zodiac/empty.svg?react'
|
||||
|
||||
import classes from './Stepper.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
import ClickAwayListener from '@mui/material/ClickAwayListener'
|
||||
import * as R from 'ramda'
|
||||
import React, { useState, memo } from 'react'
|
||||
import Popper from 'src/components/Popper'
|
||||
import HelpIcon from 'src/styling/icons/action/help/zodiac.svg?react'
|
||||
import Popper from './Popper'
|
||||
import HelpIcon from '../styling/icons/action/help/zodiac.svg?react'
|
||||
|
||||
const usePopperHandler = () => {
|
||||
const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null)
|
||||
|
|
|
|||
|
|
@ -2,17 +2,17 @@ import IconButton from '@mui/material/IconButton'
|
|||
import { useFormikContext, Form, Formik, Field as FormikField } from 'formik'
|
||||
import * as R from 'ramda'
|
||||
import React, { useState, memo } from 'react'
|
||||
import PromptWhenDirty from 'src/components/PromptWhenDirty'
|
||||
import { H4 } from 'src/components/typography'
|
||||
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 PromptWhenDirty from '../PromptWhenDirty'
|
||||
import { H4 } from '../typography'
|
||||
import EditIconDisabled from '../../styling/icons/action/edit/disabled.svg?react'
|
||||
import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
|
||||
import FalseIcon from '../../styling/icons/table/false.svg?react'
|
||||
import TrueIcon from '../../styling/icons/table/true.svg?react'
|
||||
import * as Yup from 'yup'
|
||||
|
||||
import { Link } from 'src/components/buttons'
|
||||
import { RadioGroup } from 'src/components/inputs/formik'
|
||||
import { Table, TableBody, TableRow, TableCell } from 'src/components/table'
|
||||
import { Link } from '../buttons'
|
||||
import { RadioGroup } from '../inputs/formik'
|
||||
import { Table, TableBody, TableRow, TableCell } from '../table'
|
||||
import SvgIcon from '@mui/material/SvgIcon'
|
||||
|
||||
const BooleanCell = ({ name }) => {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import classnames from 'classnames'
|
||||
import React, { memo } from 'react'
|
||||
import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
|
||||
import AddIcon from '../../styling/icons/button/add/zodiac.svg?react'
|
||||
|
||||
import classes from './AddButton.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import {
|
|||
subheaderDarkColor,
|
||||
offColor,
|
||||
offDarkColor,
|
||||
} from 'src/styling/variables'
|
||||
} from '../../styling/variables'
|
||||
|
||||
const colors = (color1, color2, color3) => {
|
||||
return {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import ClickAwayListener from '@mui/material/ClickAwayListener'
|
||||
import classnames from 'classnames'
|
||||
import React, { useState, memo } from 'react'
|
||||
import Popover from 'src/components/Popper'
|
||||
import Popover from '../Popper'
|
||||
|
||||
import classes from './IDButton.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import classnames from 'classnames'
|
||||
import React, { memo, useState } from 'react'
|
||||
import { H4 } from 'src/components/typography'
|
||||
import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react'
|
||||
import { H4 } from '../typography'
|
||||
import CancelIconInverse from '../../styling/icons/button/cancel/white.svg?react'
|
||||
|
||||
import classes from './SubpageButton.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import baseButtonStyles from 'src/components/buttons/BaseButton.styles'
|
||||
import { offColor, white } from 'src/styling/variables'
|
||||
import baseButtonStyles from './BaseButton.styles'
|
||||
import { offColor, white } from '../../styling/variables'
|
||||
|
||||
const { baseButton } = baseButtonStyles
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
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 InverseLinkIcon from '../../styling/icons/action/external link/white.svg?react'
|
||||
import LinkIcon from '../../styling/icons/action/external link/zodiac.svg?react'
|
||||
|
||||
import { ActionButton } from 'src/components/buttons'
|
||||
import { ActionButton } from './'
|
||||
|
||||
const SupportLinkButton = ({ link, label }) => {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@ import {
|
|||
} from 'date-fns/fp'
|
||||
import * as R from 'ramda'
|
||||
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 Arrow from '../../styling/icons/arrow/month_change.svg?react'
|
||||
import RightArrow from '../../styling/icons/arrow/month_change_right.svg?react'
|
||||
|
||||
import Tile from './Tile'
|
||||
import classes from './Calendar.module.css'
|
||||
|
|
|
|||
|
|
@ -1,14 +1,9 @@
|
|||
import classnames from 'classnames'
|
||||
import * as R from 'ramda'
|
||||
import React, { useContext } from 'react'
|
||||
import {
|
||||
Td,
|
||||
THead,
|
||||
TDoubleLevelHead,
|
||||
ThDoubleLevel,
|
||||
} from 'src/components/fake-table/Table'
|
||||
import { Td, THead, TDoubleLevelHead, ThDoubleLevel } from '../fake-table/Table'
|
||||
|
||||
import { sentenceCase } from 'src/utils/string'
|
||||
import { sentenceCase } from '../../utils/string'
|
||||
|
||||
import TableCtx from './Context'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import * as R from 'ramda'
|
||||
import React from 'react'
|
||||
|
||||
import { fromNamespace, toNamespace } from 'src/utils/config'
|
||||
import { fromNamespace, toNamespace } from '../../utils/config'
|
||||
|
||||
import EditableTable from './Table'
|
||||
|
||||
|
|
|
|||
|
|
@ -5,16 +5,16 @@ import classnames from 'classnames'
|
|||
import { Field, useFormikContext } from 'formik'
|
||||
import * as R from 'ramda'
|
||||
import React, { useContext, useState } from 'react'
|
||||
import { DeleteDialog } from 'src/components/DeleteDialog'
|
||||
import { Td, Tr } from 'src/components/fake-table/Table'
|
||||
import { Label2 } from 'src/components/typography'
|
||||
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 '../DeleteDialog'
|
||||
import { Td, Tr } from '../fake-table/Table'
|
||||
import { Label2 } from '../typography'
|
||||
import DisabledDeleteIcon from '../../styling/icons/action/delete/disabled.svg?react'
|
||||
import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
|
||||
import DisabledEditIcon from '../../styling/icons/action/edit/disabled.svg?react'
|
||||
import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
|
||||
import StripesSvg from '../../styling/icons/stripes.svg?react'
|
||||
|
||||
import { Link } from 'src/components/buttons'
|
||||
import { Link } from '../buttons'
|
||||
|
||||
import TableCtx from './Context'
|
||||
import moduleStyles from './Row.module.css'
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
import { Form, Formik } from 'formik'
|
||||
import * as R from 'ramda'
|
||||
import React, { useState, useEffect } from 'react'
|
||||
import PromptWhenDirty from 'src/components/PromptWhenDirty'
|
||||
import Link from 'src/components/buttons/Link'
|
||||
import { TBody, Table } from 'src/components/fake-table/Table'
|
||||
import { Info2, TL1 } from 'src/components/typography'
|
||||
import PromptWhenDirty from '../PromptWhenDirty'
|
||||
import Link from '../buttons/Link'
|
||||
import { TBody, Table } from '../fake-table/Table'
|
||||
import { Info2, TL1 } from '../typography'
|
||||
import { v4 as uuidv4 } from 'uuid'
|
||||
|
||||
import { AddButton } from 'src/components/buttons/index'
|
||||
import { AddButton } from '../buttons/index'
|
||||
|
||||
import TableCtx from './Context'
|
||||
import Header from './Header'
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import CardContent from '@mui/material/CardContent'
|
|||
import classnames from 'classnames'
|
||||
import React from 'react'
|
||||
|
||||
import { Link } from 'src/components/buttons'
|
||||
import { Link } from '../buttons'
|
||||
import styles from './Table.module.css'
|
||||
|
||||
const Table = ({ children, className, ...props }) => (
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@ import classnames from 'classnames'
|
|||
import sort from 'match-sorter'
|
||||
import * as R from 'ramda'
|
||||
import React from 'react'
|
||||
import { HoverableTooltip } from 'src/components/Tooltip'
|
||||
import { P } from 'src/components/typography'
|
||||
import { HoverableTooltip } from '../../Tooltip'
|
||||
import { P } from '../../typography'
|
||||
|
||||
import TextInput from './TextInput'
|
||||
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@ import Checkbox from '@mui/material/Checkbox'
|
|||
import CheckBoxIcon from '@mui/icons-material/CheckBox'
|
||||
import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank'
|
||||
import React from 'react'
|
||||
import { Label2, Info3 } from 'src/components/typography'
|
||||
import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
|
||||
import { Label2, Info3 } from '../../typography'
|
||||
import WarningIcon from '../../../styling/icons/warning-icon/comet.svg?react'
|
||||
|
||||
import { fontSize2, fontSize3 } from 'src/styling/variables'
|
||||
import { fontSize2, fontSize3 } from '../../../styling/variables'
|
||||
|
||||
const CheckboxInput = ({ name, onChange, value, settings, ...props }) => {
|
||||
const { enabled, label, disabledMessage, rightSideLabel } = settings
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import MRadioGroup from '@mui/material/RadioGroup'
|
|||
import FormControlLabel from '@mui/material/FormControlLabel'
|
||||
import classnames from 'classnames'
|
||||
import React from 'react'
|
||||
import { Label1 } from 'src/components/typography'
|
||||
import { Label1 } from '../../typography'
|
||||
|
||||
const RadioGroup = ({
|
||||
name,
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import classnames from 'classnames'
|
|||
import { useSelect } from 'downshift'
|
||||
import * as R from 'ramda'
|
||||
import React from 'react'
|
||||
import Arrowdown from 'src/styling/icons/action/arrow/regular.svg?react'
|
||||
import Arrowdown from '../../../styling/icons/action/arrow/regular.svg?react'
|
||||
|
||||
import styles from './Select.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import MUIToggleButtonGroup from '@mui/material/ToggleButtonGroup'
|
||||
import ToggleButton from '@mui/material/ToggleButton'
|
||||
import React from 'react'
|
||||
import { H4, P } from 'src/components/typography'
|
||||
import { H4, P } from '../../typography'
|
||||
|
||||
const ToggleButtonGroup = ({
|
||||
name,
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
import Chip from '@mui/material/Chip'
|
||||
import classnames from 'classnames'
|
||||
import React from 'react'
|
||||
import { Info2, Label1, Label2 } from 'src/components/typography'
|
||||
import { Info2, Label1, Label2 } from '../../typography'
|
||||
|
||||
import { numberToFiatAmount } from 'src/utils/number'
|
||||
import { numberToFiatAmount } from '../../../utils/number'
|
||||
|
||||
import classes from './Cashbox.module.css'
|
||||
import { primaryColor as zodiac, tomato } from '../../../styling/variables.js'
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import classNames from 'classnames'
|
||||
import React, { memo, useState } from 'react'
|
||||
import { CashOut } from 'src/components/inputs/cashbox/Cashbox'
|
||||
import { CashOut } from '../cashbox/Cashbox'
|
||||
|
||||
import { NumberInput } from '../base'
|
||||
|
||||
|
|
|
|||
|
|
@ -5,15 +5,15 @@ import classnames from 'classnames'
|
|||
import * as R from 'ramda'
|
||||
import React, { memo, useState, useEffect, useRef } from 'react'
|
||||
import { NavLink, useHistory } from 'react-router-dom'
|
||||
import ActionButton from 'src/components/buttons/ActionButton'
|
||||
import { H4 } from 'src/components/typography'
|
||||
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 ActionButton from '../buttons/ActionButton'
|
||||
import { H4 } from '../typography'
|
||||
import AddIconReverse from '../../styling/icons/button/add/white.svg?react'
|
||||
import AddIcon from '../../styling/icons/button/add/zodiac.svg?react'
|
||||
import Logo from '../../styling/icons/menu/logo.svg?react'
|
||||
import NotificationIcon from '../../styling/icons/menu/notification.svg?react'
|
||||
|
||||
import NotificationCenter from 'src/components/NotificationCenter'
|
||||
import AddMachine from 'src/pages/AddMachine'
|
||||
import NotificationCenter from '../NotificationCenter'
|
||||
import AddMachine from '../../pages/AddMachine'
|
||||
|
||||
import styles from './Header.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import React from 'react'
|
||||
import ErrorMessage from 'src/components/ErrorMessage'
|
||||
import Subtitle from 'src/components/Subtitle'
|
||||
import ErrorMessage from '../ErrorMessage'
|
||||
import Subtitle from '../Subtitle'
|
||||
|
||||
const Section = ({ error, children, title }) => {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
import classnames from 'classnames'
|
||||
import React from 'react'
|
||||
import { P } from 'src/components/typography'
|
||||
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 '../typography'
|
||||
import CompleteStageIconZodiac from '../../styling/icons/stage/zodiac/complete.svg?react'
|
||||
import CurrentStageIconZodiac from '../../styling/icons/stage/zodiac/current.svg?react'
|
||||
import EmptyStageIconZodiac from '../../styling/icons/stage/zodiac/empty.svg?react'
|
||||
|
||||
import styles from './Sidebar.module.css'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import classnames from 'classnames'
|
||||
import * as R from 'ramda'
|
||||
import React from 'react'
|
||||
import ErrorMessage from 'src/components/ErrorMessage'
|
||||
import Title from 'src/components/Title'
|
||||
import { Info1, Label1 } from 'src/components/typography'
|
||||
import ErrorMessage from '../ErrorMessage'
|
||||
import Title from '../Title'
|
||||
import { Info1, Label1 } from '../typography'
|
||||
|
||||
import { SubpageButton } from 'src/components/buttons'
|
||||
import { SubpageButton } from '../buttons'
|
||||
|
||||
const TitleSection = ({
|
||||
className,
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@ import { useLazyQuery, useQuery, gql } from '@apollo/client'
|
|||
import { subMinutes } from 'date-fns'
|
||||
import FileSaver from 'file-saver'
|
||||
import React, { useState, useEffect } from 'react'
|
||||
import Modal from 'src/components/Modal'
|
||||
import { H3, P } from 'src/components/typography'
|
||||
import Modal from '../Modal'
|
||||
import { H3, P } from '../typography'
|
||||
|
||||
import { Button } from 'src/components/buttons'
|
||||
import { Button } from '../buttons'
|
||||
|
||||
const STATES = {
|
||||
INITIAL: 'INITIAL',
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
import { useMutation, useLazyQuery, gql } from '@apollo/client'
|
||||
import React, { memo, useState } from 'react'
|
||||
import { ConfirmDialog } from 'src/components/ConfirmDialog'
|
||||
import ActionButton from 'src/components/buttons/ActionButton'
|
||||
import { H3 } from 'src/components/typography'
|
||||
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 '../ConfirmDialog'
|
||||
import ActionButton from '../buttons/ActionButton'
|
||||
import { H3 } from '../typography'
|
||||
import EditReversedIcon from '../../styling/icons/button/edit/white.svg?react'
|
||||
import EditIcon from '../../styling/icons/button/edit/zodiac.svg?react'
|
||||
import RebootReversedIcon from '../../styling/icons/button/reboot/white.svg?react'
|
||||
import RebootIcon from '../../styling/icons/button/reboot/zodiac.svg?react'
|
||||
import ShutdownReversedIcon from '../../styling/icons/button/shut down/white.svg?react'
|
||||
import ShutdownIcon from '../../styling/icons/button/shut down/zodiac.svg?react'
|
||||
import UnpairReversedIcon from '../../styling/icons/button/unpair/white.svg?react'
|
||||
import UnpairIcon from '../../styling/icons/button/unpair/zodiac.svg?react'
|
||||
|
||||
import DiagnosticsModal from './DiagnosticsModal'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,15 +1,8 @@
|
|||
import IconButton from '@mui/material/IconButton'
|
||||
import SvgIcon from '@mui/material/SvgIcon'
|
||||
import React from 'react'
|
||||
import {
|
||||
Table,
|
||||
THead,
|
||||
TBody,
|
||||
Td,
|
||||
Th,
|
||||
Tr,
|
||||
} from 'src/components/fake-table/Table'
|
||||
import EditIcon from 'src/styling/icons/action/edit/white.svg?react'
|
||||
import { Table, THead, TBody, Td, Th, Tr } from '../fake-table/Table'
|
||||
import EditIcon from '../../styling/icons/action/edit/white.svg?react'
|
||||
|
||||
import { Label1, P } from '../typography/index.jsx'
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import React, { memo } from 'react'
|
||||
|
||||
import { Link } from 'src/components/buttons'
|
||||
import { TableCell as Td } from 'src/components/table'
|
||||
import { Link } from '../buttons'
|
||||
import { TableCell as Td } from './'
|
||||
|
||||
const EditCell = memo(({ save, cancel }) => (
|
||||
<Td>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import classNames from 'classnames'
|
||||
import React, { memo } from 'react'
|
||||
import { H4 } from 'src/components/typography'
|
||||
import EmptyTableIcon from 'src/styling/icons/table/empty-table.svg?react'
|
||||
import { H4 } from '../typography'
|
||||
import EmptyTableIcon from '../../styling/icons/table/empty-table.svg?react'
|
||||
|
||||
const EmptyTable = memo(({ message, className }) => {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -7,19 +7,12 @@ import {
|
|||
CellMeasurer,
|
||||
CellMeasurerCache,
|
||||
} from 'react-virtualized'
|
||||
import {
|
||||
Table,
|
||||
TBody,
|
||||
THead,
|
||||
Tr,
|
||||
Td,
|
||||
Th,
|
||||
} from 'src/components/fake-table/Table'
|
||||
import { H4 } from 'src/components/typography'
|
||||
import ExpandClosedIcon from 'src/styling/icons/action/expand/closed.svg?react'
|
||||
import ExpandOpenIcon from 'src/styling/icons/action/expand/open.svg?react'
|
||||
import { Table, TBody, THead, Tr, Td, Th } from '../fake-table/Table'
|
||||
import { H4 } from '../typography'
|
||||
import ExpandClosedIcon from '../../styling/icons/action/expand/closed.svg?react'
|
||||
import ExpandOpenIcon from '../../styling/icons/action/expand/open.svg?react'
|
||||
|
||||
import { EmptyTable } from 'src/components/table'
|
||||
import { EmptyTable } from '../table'
|
||||
|
||||
const Row = ({
|
||||
id,
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import {
|
|||
fontPrimary,
|
||||
fontSecondary,
|
||||
fontMonospaced,
|
||||
} from 'src/styling/variables'
|
||||
} from '../../styling/variables'
|
||||
|
||||
const base = {
|
||||
lineHeight: '120%',
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue