Skip to content

Commit 1f078ce

Browse files
BrunoQuaresmaBrunoQuaresma
committed
Fix all TS problems
1 parent 9a5203d commit 1f078ce

File tree

56 files changed

+465
-440
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

56 files changed

+465
-440
lines changed

‎site/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
"react-dom": "18.2.0",
7676
"react-headless-tabs": "6.0.3",
7777
"react-helmet-async": "1.3.0",
78-
"react-i18next": "12.1.1",
78+
"react-i18next": "12.2.2",
7979
"react-markdown": "8.0.3",
8080
"react-router-dom": "6.4.1",
8181
"react-syntax-highlighter": "15.5.0",

‎site/src/components/AlertBanner/AlertBanner.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
import { useState, FC, Children } from "react"
22
import Collapse from "@mui/material/Collapse"
33
import { Stack } from "components/Stack/Stack"
4-
import { makeStyles, Theme } from "@mui/material/styles"
4+
import { makeStyles } from "@mui/styles"
55
import { colors } from "theme/colors"
66
import { useTranslation } from "react-i18next"
77
import { getErrorDetail, getErrorMessage } from "api/errors"
88
import { Expander } from "components/Expander/Expander"
99
import { Severity, AlertBannerProps } from "./alertTypes"
1010
import { severityConstants } from "./severityConstants"
1111
import { AlertBannerCtas } from "./AlertBannerCtas"
12+
import { Theme } from "@mui/material/styles"
1213

1314
/**
1415
* @param children: the children to be displayed in the alert

‎site/src/components/AuditLogRow/AuditLogRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ import { Stack } from "components/Stack/Stack"
1111
import { TimelineEntry } from "components/Timeline/TimelineEntry"
1212
import { UserAvatar } from "components/UserAvatar/UserAvatar"
1313
import { useState } from "react"
14-
import { PaletteIndex } from "theme/palettes"
1514
import userAgentParser from "ua-parser-js"
1615
import { AuditLogDiff, determineGroupDiff } from "./AuditLogDiff"
1716
import { useTranslation } from "react-i18next"
1817
import { AuditLogDescription } from "./AuditLogDescription"
18+
import { PaletteIndex } from "theme/theme"
1919

2020
const httpStatusColor = (httpStatus: number): PaletteIndex => {
2121
// redirects are successful

‎site/src/components/BorderedMenu/BorderedMenu.stories.tsx

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
import { Story } from "@storybook/react"
22
import { BorderedMenuRow } from "../BorderedMenuRow/BorderedMenuRow"
3-
import { BuildingIcon } from "../Icons/BuildingIcon"
4-
import { UsersOutlinedIcon } from "../Icons/UsersOutlinedIcon"
53
import { BorderedMenu, BorderedMenuProps } from "./BorderedMenu"
64

75
export default {
@@ -14,14 +12,12 @@ const Template: Story<BorderedMenuProps> = (args: BorderedMenuProps) => (
1412
<BorderedMenuRow
1513
title="Item 1"
1614
description="Here's a description"
17-
Icon={BuildingIcon}
1815
path="/"
1916
/>
2017
<BorderedMenuRow
2118
active
2219
title="Item 2"
2320
description="This BorderedMenuRow is active"
24-
Icon={UsersOutlinedIcon}
2521
path="/"
2622
/>
2723
</BorderedMenu>

‎site/src/components/BorderedMenuRow/BorderedMenuRow.tsx

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import ListItem from "@mui/material/ListItem"
22
import { makeStyles } from "@mui/styles"
3-
import SvgIcon from "@mui/material/SvgIcon"
43
import CheckIcon from "@mui/icons-material/Check"
54
import { FC } from "react"
65
import { NavLink } from "react-router-dom"
@@ -14,8 +13,6 @@ interface BorderedMenuRowProps {
1413
active?: boolean
1514
/** Optional description that appears beneath the title */
1615
description?: string
17-
/** An SvgIcon that will be rendered to the left of the title */
18-
Icon: typeof SvgIcon
1916
/** URL path */
2017
path: string
2118
/** Required title of this row */
@@ -28,7 +25,7 @@ interface BorderedMenuRowProps {
2825

2926
export const BorderedMenuRow: FC<
3027
React.PropsWithChildren<BorderedMenuRowProps>
31-
> = ({ active, description, Icon, path, title, variant, onClick }) => {
28+
> = ({ active, description, path, title, variant, onClick }) => {
3229
const styles = useStyles()
3330

3431
return (
@@ -41,7 +38,6 @@ export const BorderedMenuRow: FC<
4138
>
4239
<div className={styles.content} data-variant={variant}>
4340
<div className={styles.contentTop}>
44-
<Icon className={styles.icon} />
4541
<Typography className={styles.title}>{title}</Typography>
4642
{active && <CheckIcon className={styles.checkMark} />}
4743
</div>

‎site/src/components/BuildsTable/BuildAvatar.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
import Badge from "@mui/material/Badge"
2-
import { Theme, useTheme, withStyles } from "@mui/material/styles"
2+
import { useTheme, withStyles } from "@mui/styles"
33
import { FC } from "react"
44
import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined"
55
import PauseOutlined from "@mui/icons-material/PauseOutlined"
66
import DeleteOutlined from "@mui/icons-material/DeleteOutlined"
77
import { WorkspaceBuild, WorkspaceTransition } from "api/typesGenerated"
88
import { getDisplayWorkspaceBuildStatus } from "utils/workspace"
9-
import { PaletteIndex } from "theme/palettes"
109
import { Avatar, AvatarProps } from "components/Avatar/Avatar"
10+
import { PaletteIndex } from "theme/theme"
11+
import { Theme } from "@mui/material/styles"
1112

1213
interface StylesBadgeProps {
1314
type: PaletteIndex

‎site/src/components/CodeExample/CodeExample.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
1-
import { makeStyles, Theme } from "@mui/material/styles"
1+
import { makeStyles } from "@mui/styles"
22
import { FC } from "react"
33
import { MONOSPACE_FONT_FAMILY } from "../../theme/constants"
44
import { combineClasses } from "../../utils/combineClasses"
55
import { CopyButton } from "../CopyButton/CopyButton"
6+
import { Theme } from "@mui/material/styles"
67

78
export interface CodeExampleProps {
89
code: string

‎site/src/components/DeploymentBanner/DeploymentBannerView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -281,7 +281,7 @@ const useStyles = makeStyles((theme) => ({
281281
},
282282
category: {
283283
marginRight: theme.spacing(2),
284-
color: theme.palette.text.hint,
284+
color: theme.palette.text.primary,
285285
},
286286
values: {
287287
display: "flex",
@@ -307,7 +307,7 @@ const useStyles = makeStyles((theme) => ({
307307
},
308308
},
309309
refresh: {
310-
color: theme.palette.text.hint,
310+
color: theme.palette.text.primary,
311311
marginLeft: "auto",
312312
display: "flex",
313313
alignItems: "center",

‎site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import makeStyles from "@mui/material/styles/makeStyles"
1+
import makeStyles from "@mui/styles/makeStyles"
22
import TextField from "@mui/material/TextField"
33
import { Maybe } from "components/Conditionals/Maybe"
44
import { ChangeEvent, useState, PropsWithChildren, FC } from "react"
@@ -57,7 +57,8 @@ export const DeleteDialog: FC<PropsWithChildren<DeleteDialogProps>> = ({
5757
onChange={handleChange}
5858
label={t("deleteDialog.confirmLabel", { entity })}
5959
error={hasError}
60-
helperText={hasError && t("deleteDialog.incorrectName", { entity })} />
60+
helperText={hasError && t("deleteDialog.incorrectName", { entity })}
61+
/>
6162
</>
6263
)
6364

‎site/src/components/Dialogs/Dialog.tsx

Lines changed: 7 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import MuiDialog, { DialogProps as MuiDialogProps } from "@mui/material/Dialog"
2-
import { alpha, darken, makeStyles } from "@mui/material/styles"
2+
import { makeStyles } from "@mui/styles"
33
import * as React from "react"
44
import { colors } from "theme/colors"
55
import { combineClasses } from "../../utils/combineClasses"
@@ -106,7 +106,7 @@ const useButtonStyles = makeStyles((theme) => ({
106106
backgroundColor: theme.palette.success.main,
107107
color: theme.palette.primary.contrastText,
108108
"&:hover": {
109-
backgroundColor: darken(theme.palette.success.main, 0.3),
109+
backgroundColor: theme.palette.success.dark,
110110
"@media (hover: none)": {
111111
backgroundColor: "transparent",
112112
},
@@ -116,18 +116,15 @@ const useButtonStyles = makeStyles((theme) => ({
116116
},
117117
"&.Mui-disabled": {
118118
backgroundColor: theme.palette.action.disabledBackground,
119-
color: alpha(theme.palette.text.disabled, 0.5),
119+
color: theme.palette.text.secondary,
120120
},
121121
},
122122

123123
"&.MuiButton-outlined": {
124124
color: theme.palette.success.main,
125125
borderColor: theme.palette.success.main,
126126
"&:hover": {
127-
backgroundColor: alpha(
128-
theme.palette.success.main,
129-
theme.palette.action.hoverOpacity,
130-
),
127+
backgroundColor: theme.palette.success.dark,
131128
"@media (hover: none)": {
132129
backgroundColor: "transparent",
133130
},
@@ -136,24 +133,21 @@ const useButtonStyles = makeStyles((theme) => ({
136133
},
137134
},
138135
"&.Mui-disabled": {
139-
color: alpha(theme.palette.text.disabled, 0.5),
136+
color: theme.palette.text.secondary,
140137
borderColor: theme.palette.action.disabled,
141138
},
142139
},
143140

144141
"&.MuiButton-text": {
145142
color: theme.palette.success.main,
146143
"&:hover": {
147-
backgroundColor: alpha(
148-
theme.palette.success.main,
149-
theme.palette.action.hoverOpacity,
150-
),
144+
backgroundColor: theme.palette.success.dark,
151145
"@media (hover: none)": {
152146
backgroundColor: "transparent",
153147
},
154148
},
155149
"&.Mui-disabled": {
156-
color: alpha(theme.palette.text.disabled, 0.5),
150+
color: theme.palette.text.secondary,
157151
},
158152
},
159153
},

‎site/src/components/DropdownArrows/DropdownArrows.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1-
import { makeStyles, Theme } from "@mui/material/styles"
1+
import { makeStyles } from "@mui/styles"
22
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown"
33
import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp"
44
import { FC } from "react"
5+
import { Theme } from "@mui/material/styles"
56

67
const useStyles = makeStyles<Theme, ArrowProps>((theme: Theme) => ({
78
arrowIcon: {

‎site/src/components/Expander/Expander.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import Link from "@mui/material/Link"
2-
import makeStyles from "@mui/material/styles/makeStyles"
2+
import makeStyles from "@mui/styles/makeStyles"
33
import {
44
CloseDropdown,
55
OpenDropdown,

‎site/src/components/FormFooter/FormFooter.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Button from "@mui/material/Button"
22
import { makeStyles } from "@mui/styles"
3-
import { ClassNameMap } from "@mui/material/styles/withStyles"
3+
import { ClassNameMap } from "@mui/styles/withStyles"
44
import { FC } from "react"
55
import { LoadingButton } from "../LoadingButton/LoadingButton"
66

‎site/src/components/GitAuth/GitAuth.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Button from "@mui/material/Button"
22
import FormHelperText from "@mui/material/FormHelperText"
3-
import { makeStyles, Theme } from "@mui/material/styles"
3+
import { makeStyles } from "@mui/styles"
44
import { SvgIconProps } from "@mui/material/SvgIcon"
55
import Tooltip from "@mui/material/Tooltip"
66
import GitHub from "@mui/icons-material/GitHub"
@@ -10,6 +10,7 @@ import { BitbucketIcon } from "components/Icons/BitbucketIcon"
1010
import { GitlabIcon } from "components/Icons/GitlabIcon"
1111
import { Typography } from "components/Typography/Typography"
1212
import { FC } from "react"
13+
import { Theme } from "@mui/material/styles"
1314

1415
export interface GitAuthProps {
1516
type: TypesGen.GitProvider
@@ -41,7 +42,7 @@ export const GitAuth: FC<GitAuthProps> = ({
4142
break
4243
case "github":
4344
prettyName = "GitHub"
44-
Icon = GitHub
45+
Icon = GitHub as (props: SvgIconProps) => JSX.Element
4546
break
4647
case "gitlab":
4748
prettyName = "GitLab"

‎site/src/components/GroupAvatar/GroupAvatar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Avatar } from "components/Avatar/Avatar"
22
import Badge from "@mui/material/Badge"
3-
import { withStyles } from "@mui/material/styles"
3+
import { withStyles } from "@mui/styles"
44
import Group from "@mui/icons-material/Group"
55
import { FC } from "react"
66

‎site/src/components/Icons/CloseIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const CloseIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const CloseIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 31 31">
55
<path
66
d="M29.5 1.5l-28 28M29.5 29.5l-28-28"

‎site/src/components/Icons/FileCopyIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const FileCopyIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const FileCopyIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 20 20">
55
<path
66
d="M12.7412 2.2807H4.32014C3.5447 2.2807 2.91663 2.90877 2.91663 3.68421V13.5088H4.32014V3.68421H12.7412V2.2807ZM14.8465 5.08772H7.12716C6.35172 5.08772 5.72365 5.71579 5.72365 6.49123V16.3158C5.72365 17.0912 6.35172 17.7193 7.12716 17.7193H14.8465C15.6219 17.7193 16.25 17.0912 16.25 16.3158V6.49123C16.25 5.71579 15.6219 5.08772 14.8465 5.08772ZM14.8465 16.3158H7.12716V6.49123H14.8465V16.3158Z"

‎site/src/components/Icons/GitIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const GitIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const GitIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 96 96">
55
<path d="M92.71 44.408 52.591 4.291c-2.31-2.311-6.057-2.311-8.369 0l-8.33 8.332L46.459 23.19c2.456-.83 5.272-.273 7.229 1.685 1.969 1.97 2.521 4.81 1.67 7.275l10.186 10.185c2.465-.85 5.307-.3 7.275 1.671 2.75 2.75 2.75 7.206 0 9.958-2.752 2.751-7.208 2.751-9.961 0-2.068-2.07-2.58-5.11-1.531-7.658l-9.5-9.499v24.997c.67.332 1.303.774 1.861 1.332 2.75 2.75 2.75 7.206 0 9.959-2.75 2.749-7.209 2.749-9.957 0-2.75-2.754-2.75-7.21 0-9.959.68-.679 1.467-1.193 2.307-1.537v-25.23c-.84-.344-1.625-.853-2.307-1.537-2.083-2.082-2.584-5.14-1.516-7.698L31.798 16.715 4.288 44.222c-2.311 2.313-2.311 6.06 0 8.371l40.121 40.118c2.31 2.311 6.056 2.311 8.369 0L92.71 52.779c2.311-2.311 2.311-6.06 0-8.371z" />
66
</SvgIcon>

‎site/src/components/Icons/RocketIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const RocketIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const RocketIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 24 24">
55
<path d="M12 2.5s4.5 2.04 4.5 10.5c0 2.49-1.04 5.57-1.6 7H9.1c-.56-1.43-1.6-4.51-1.6-7C7.5 4.54 12 2.5 12 2.5zm2 8.5c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-6.31 9.52c-.48-1.23-1.52-4.17-1.67-6.87l-1.13.75c-.56.38-.89 1-.89 1.67V22l3.69-1.48zM20 22v-5.93c0-.67-.33-1.29-.89-1.66l-1.13-.75c-.15 2.69-1.2 5.64-1.67 6.87L20 22z" />
66
</SvgIcon>

‎site/src/components/Icons/TerminalIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const TerminalIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const TerminalIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 24 24">
55
<path d="M20 4H4c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm0 14H4V8h16v10zm-2-1h-6v-2h6v2zM7.5 17l-1.41-1.41L8.67 13l-2.59-2.59L7.5 9l4 4-4 4z" />
66
</SvgIcon>

‎site/src/components/Icons/UsersOutlinedIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const UsersOutlinedIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const UsersOutlinedIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 20 20">
55
<svg
66
width="20"

‎site/src/components/Icons/VSCodeIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"
22

3-
export const VSCodeIcon: typeof SvgIcon = (props: SvgIconProps) => (
3+
export const VSCodeIcon = (props: SvgIconProps) => (
44
<SvgIcon {...props} viewBox="0 0 100 100">
55
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">
66
<mask

‎site/src/components/LastUsed/LastUsed.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import { makeStyles, Theme, useTheme } from "@mui/material/styles"
1+
import { makeStyles, useTheme } from "@mui/styles"
22
import { FC } from "react"
33
import dayjs from "dayjs"
44
import relativeTime from "dayjs/plugin/relativeTime"
55
import { colors } from "theme/colors"
66
import { Stack } from "components/Stack/Stack"
7+
import { Theme } from "@mui/material/styles"
78

89
dayjs.extend(relativeTime)
910

‎site/src/components/LoadingButton/LoadingButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import Button, { ButtonProps } from "@mui/material/Button"
22
import CircularProgress from "@mui/material/CircularProgress"
33
import { makeStyles } from "@mui/styles"
4-
import { Theme } from "@mui/material/styles/createTheme"
4+
import { Theme } from "@mui/material/styles"
55
import { FC } from "react"
66

77
export interface LoadingButtonProps extends ButtonProps {

‎site/src/components/Logs/Logs.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
1-
import { makeStyles, Theme } from "@mui/material/styles"
1+
import { makeStyles } from "@mui/styles"
22
import { LogLevel } from "api/typesGenerated"
33
import dayjs from "dayjs"
44
import { FC, useMemo } from "react"
55
import { MONOSPACE_FONT_FAMILY } from "../../theme/constants"
66
import { combineClasses } from "../../utils/combineClasses"
77
import AnsiToHTML from "ansi-to-html"
8+
import { Theme } from "@mui/material/styles"
89

910
export interface Line {
1011
time: string
@@ -66,7 +67,7 @@ export const LogLine: FC<{
6667
lineNumbers: Boolean(number),
6768
})
6869
const output = useMemo(() => {
69-
return convert.toHtml(line.output.split(/\r/g).pop() as string);
70+
return convert.toHtml(line.output.split(/\r/g).pop() as string)
7071
}, [line.output])
7172

7273
return (

‎site/src/components/PaginationWidget/PaginationWidget.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import Button from "@mui/material/Button"
2-
import { makeStyles, useTheme } from "@mui/material/styles"
2+
import { makeStyles, useTheme } from "@mui/styles"
33
import useMediaQuery from "@mui/material/useMediaQuery"
44
import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft"
55
import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight"
@@ -27,7 +27,7 @@ export const PaginationWidget = ({
2727
paginationRef,
2828
}: PaginationWidgetProps): JSX.Element | null => {
2929
const theme = useTheme()
30-
const isMobile = useMediaQuery(theme.breakpoints.down('md'))
30+
const isMobile = useMediaQuery(theme.breakpoints.down("md"))
3131
const styles = useStyles()
3232
const [paginationState, send] = useActor(paginationRef)
3333

0 commit comments

Comments
 (0)