chore: stop using alias imports

This commit is contained in:
Rafael Taranto 2025-05-13 07:30:38 +01:00
parent ad7a2eac4e
commit b48c590bc8
243 changed files with 1061 additions and 1080 deletions

View file

@ -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)

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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 }) => {

View file

@ -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 }) => {

View file

@ -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'

View file

@ -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,

View file

@ -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'

View file

@ -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'

View file

@ -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 }) => {

View file

@ -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(
({

View file

@ -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,

View file

@ -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'

View file

@ -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)

View file

@ -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 }) => {

View file

@ -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'

View file

@ -5,7 +5,7 @@ import {
subheaderDarkColor,
offColor,
offDarkColor,
} from 'src/styling/variables'
} from '../../styling/variables'
const colors = (color1, color2, color3) => {
return {

View file

@ -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'

View file

@ -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'

View file

@ -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

View file

@ -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 (

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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 }) => (

View file

@ -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'

View file

@ -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

View file

@ -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,

View file

@ -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'

View file

@ -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,

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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 (

View file

@ -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'

View file

@ -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,

View file

@ -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',

View file

@ -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'

View file

@ -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'

View file

@ -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>

View file

@ -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 (

View file

@ -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,

View file

@ -8,7 +8,7 @@ import {
fontPrimary,
fontSecondary,
fontMonospaced,
} from 'src/styling/variables'
} from '../../styling/variables'
const base = {
lineHeight: '120%',