refactor(web): remove typescript
This commit is contained in:
26
packages/web/src/components/ConditionalIconButton/index.jsx
Normal file
26
packages/web/src/components/ConditionalIconButton/index.jsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import * as React from 'react';
|
||||
import { useTheme } from '@mui/material/styles';
|
||||
import useMediaQuery from '@mui/material/useMediaQuery';
|
||||
import Button from '@mui/material/Button';
|
||||
import { IconButton } from './style';
|
||||
export default function ConditionalIconButton(props) {
|
||||
const { icon, ...buttonProps } = props;
|
||||
const theme = useTheme();
|
||||
const matchSmallScreens = useMediaQuery(theme.breakpoints.down('md'));
|
||||
if (matchSmallScreens) {
|
||||
return (
|
||||
<IconButton
|
||||
color={buttonProps.color}
|
||||
type={buttonProps.type}
|
||||
size={buttonProps.size}
|
||||
component={buttonProps.component}
|
||||
to={buttonProps.to}
|
||||
disabled={buttonProps.disabled}
|
||||
data-test={buttonProps['data-test']}
|
||||
>
|
||||
{icon}
|
||||
</IconButton>
|
||||
);
|
||||
}
|
||||
return <Button {...buttonProps} />;
|
||||
}
|
||||
Reference in New Issue
Block a user