🔥(frontend) remove unused components due to new interface
Deleted two components that were no longer needed following the implementation of the new interface. This cleanup helps streamline he codebase and avoid unnecessary maintenance.
This commit is contained in:
committed by
Anthony LC
parent
83eb33d54a
commit
192ab1121c
@@ -1,32 +0,0 @@
|
||||
.burgerIcon {
|
||||
cursor: pointer;
|
||||
transform: translate(-20%, 0%);
|
||||
}
|
||||
|
||||
.burgerIcon path {
|
||||
stroke-width: 40;
|
||||
stroke-linecap: round;
|
||||
fill: none;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
/* In menu form */
|
||||
.burgerIcon path:first-child,
|
||||
.burgerIcon path:last-child {
|
||||
stroke-dasharray: 240px 910px;
|
||||
}
|
||||
|
||||
.burgerIcon .middle_bar {
|
||||
stroke-dasharray: 240px 240px;
|
||||
}
|
||||
|
||||
/* In cross form */
|
||||
.open path:first-child,
|
||||
.open path:last-child {
|
||||
stroke-dashoffset: -650px;
|
||||
}
|
||||
|
||||
.open :nth-child(2) {
|
||||
stroke-dasharray: 0 220px;
|
||||
stroke-dashoffset: -120px;
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import React from 'react';
|
||||
|
||||
import { Burger } from './Burger';
|
||||
|
||||
describe('<Burger />', () => {
|
||||
test('Burger interactions', () => {
|
||||
const { rerender } = render(<Burger isOpen={true} />);
|
||||
|
||||
const burger = screen.getByRole('img');
|
||||
expect(burger).toBeInTheDocument();
|
||||
expect(burger.classList.contains('open')).toBeTruthy();
|
||||
|
||||
rerender(<Burger isOpen={false} />);
|
||||
|
||||
expect(burger.classList.contains('open')).not.toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -1,31 +0,0 @@
|
||||
import { SVGProps } from 'react';
|
||||
|
||||
import { Box } from '@/components';
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
|
||||
import styles from './Burger.module.css';
|
||||
import BurgerIcon from './burger.svg';
|
||||
|
||||
type BurgerProps = SVGProps<SVGSVGElement> & {
|
||||
isOpen: boolean;
|
||||
};
|
||||
|
||||
export const Burger = ({ isOpen, ...props }: BurgerProps) => {
|
||||
const { colorsTokens } = useCunninghamTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
$color={colorsTokens()['primary-text']}
|
||||
$padding="none"
|
||||
$justify="center"
|
||||
>
|
||||
<BurgerIcon
|
||||
role="img"
|
||||
className={`${styles.burgerIcon} ${isOpen ? styles.open : ''}`}
|
||||
{...props}
|
||||
/>
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export default Burger;
|
||||
@@ -1,10 +0,0 @@
|
||||
<svg viewBox="280 230 400 200" stroke="currentColor">
|
||||
<path
|
||||
d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
|
||||
/>
|
||||
<path d="M300,320 L540,320" />
|
||||
<path
|
||||
d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
|
||||
transform="translate(480, 320) scale(1, -1) translate(-480, -318)"
|
||||
/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 375 B |
@@ -1,46 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import { Box, DropButton } from '@/components';
|
||||
import { ButtonLogin } from '@/core';
|
||||
import { useCunninghamTheme } from '@/cunningham';
|
||||
import { LanguagePicker } from '@/features/language';
|
||||
|
||||
import { Burger } from './Burger/Burger';
|
||||
|
||||
export const DropdownMenu = () => {
|
||||
const { colorsTokens } = useCunninghamTheme();
|
||||
const [isDropOpen, setIsDropOpen] = useState(false);
|
||||
const { t } = useTranslation();
|
||||
|
||||
return (
|
||||
<DropButton
|
||||
button={
|
||||
<Burger
|
||||
isOpen={isDropOpen}
|
||||
width={30}
|
||||
height={30}
|
||||
aria-controls="menu"
|
||||
aria-label={t('Open the header menu')}
|
||||
/>
|
||||
}
|
||||
onOpenChange={(isOpen) => setIsDropOpen(isOpen)}
|
||||
isOpen={isDropOpen}
|
||||
>
|
||||
<Box $align="center" $direction="column">
|
||||
<Box
|
||||
$width="100%"
|
||||
$align="center"
|
||||
$height="36px"
|
||||
$justify="center"
|
||||
$css={`&:hover{background:${colorsTokens()['primary-150']}}`}
|
||||
$hasTransition
|
||||
$radius="2px"
|
||||
>
|
||||
<LanguagePicker />
|
||||
</Box>
|
||||
<ButtonLogin />
|
||||
</Box>
|
||||
</DropButton>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user