remove sidebar arrows
This commit is contained in:
parent
fee2c2e170
commit
f4be3fab27
|
@ -1,15 +1,9 @@
|
|||
import React, { FC } from 'react';
|
||||
import { Button, ButtonProps } from '@mui/material';
|
||||
import NavigateNextIcon from '@mui/icons-material/NavigateNext';
|
||||
import { FluidContainer } from 'components/Container';
|
||||
interface IProps {
|
||||
hideArrow?: boolean;
|
||||
smallerArrow?: boolean;
|
||||
}
|
||||
const SidebarButton: FC<ButtonProps<'button', IProps>> = ({
|
||||
|
||||
const SidebarButton: FC<ButtonProps<'button'>> = ({
|
||||
children,
|
||||
hideArrow,
|
||||
smallerArrow,
|
||||
sx,
|
||||
...props
|
||||
}) => {
|
||||
|
@ -26,11 +20,6 @@ const SidebarButton: FC<ButtonProps<'button', IProps>> = ({
|
|||
`}
|
||||
{...props}>
|
||||
<FluidContainer>{children}</FluidContainer>
|
||||
{!hideArrow && (
|
||||
<NavigateNextIcon
|
||||
fontSize={smallerArrow ? 'small' : 'medium'}
|
||||
/>
|
||||
)}
|
||||
</Button>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -40,13 +40,10 @@ export default function ExitSection() {
|
|||
|
||||
return (
|
||||
<>
|
||||
<SidebarButton onClick={confirmLogout} hideArrow color="danger">
|
||||
<SidebarButton onClick={confirmLogout} color="danger">
|
||||
{constants.LOGOUT}
|
||||
</SidebarButton>
|
||||
<SidebarButton
|
||||
onClick={showDeleteAccountDirections}
|
||||
hideArrow
|
||||
color="danger">
|
||||
<SidebarButton onClick={showDeleteAccountDirections} color="danger">
|
||||
{constants.DELETE_ACCOUNT}
|
||||
</SidebarButton>
|
||||
</>
|
||||
|
|
|
@ -17,7 +17,6 @@ const NavigationButton: FC<ButtonProps<'button', IProps>> = ({
|
|||
}) => {
|
||||
return (
|
||||
<SidebarButton
|
||||
smallerArrow
|
||||
variant="contained"
|
||||
color="secondary"
|
||||
sx={{ px: '12px' }}
|
||||
|
|
Loading…
Reference in a new issue