🔥(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.
2024-12-03 09:35:24 +01:00
parent b361700638
commit de7a601d8b
5 changed files with 0 additions and 137 deletions
@@ -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>
@@ -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>
-  );
-};