diff --git a/src/frontend/apps/impress/src/features/header/components/Burger/Burger.module.css b/src/frontend/apps/impress/src/features/header/components/Burger/Burger.module.css deleted file mode 100644 index 506ecfbe..00000000 --- a/src/frontend/apps/impress/src/features/header/components/Burger/Burger.module.css +++ /dev/null @@ -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; -} diff --git a/src/frontend/apps/impress/src/features/header/components/Burger/Burger.spec.tsx b/src/frontend/apps/impress/src/features/header/components/Burger/Burger.spec.tsx deleted file mode 100644 index dcf7c10f..00000000 --- a/src/frontend/apps/impress/src/features/header/components/Burger/Burger.spec.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import React from 'react'; - -import { Burger } from './Burger'; - -describe('', () => { - test('Burger interactions', () => { - const { rerender } = render(); - - const burger = screen.getByRole('img'); - expect(burger).toBeInTheDocument(); - expect(burger.classList.contains('open')).toBeTruthy(); - - rerender(); - - expect(burger.classList.contains('open')).not.toBeTruthy(); - }); -}); diff --git a/src/frontend/apps/impress/src/features/header/components/Burger/Burger.tsx b/src/frontend/apps/impress/src/features/header/components/Burger/Burger.tsx deleted file mode 100644 index c5941f81..00000000 --- a/src/frontend/apps/impress/src/features/header/components/Burger/Burger.tsx +++ /dev/null @@ -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 & { - isOpen: boolean; -}; - -export const Burger = ({ isOpen, ...props }: BurgerProps) => { - const { colorsTokens } = useCunninghamTheme(); - - return ( - - - - ); -}; - -export default Burger; diff --git a/src/frontend/apps/impress/src/features/header/components/Burger/burger.svg b/src/frontend/apps/impress/src/features/header/components/Burger/burger.svg deleted file mode 100644 index ac1d6e3a..00000000 --- a/src/frontend/apps/impress/src/features/header/components/Burger/burger.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - diff --git a/src/frontend/apps/impress/src/features/header/components/DropdownMenu.tsx b/src/frontend/apps/impress/src/features/header/components/DropdownMenu.tsx deleted file mode 100644 index 1b17fc9e..00000000 --- a/src/frontend/apps/impress/src/features/header/components/DropdownMenu.tsx +++ /dev/null @@ -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 ( - - } - onOpenChange={(isOpen) => setIsDropOpen(isOpen)} - isOpen={isDropOpen} - > - - - - - - - - ); -};