import { useEffect, useRef } from 'react'; import { useRouter } from 'next/router'; import { i18n } from '@lingui/core'; import { I18nProvider } from '@lingui/react'; import { AppPropsWithLayout } from '@ts/types/app'; import { initTranslation } from '@utils/helpers/i18n'; import '../styles/globals.scss'; import { ThemeProvider } from 'next-themes'; initTranslation(i18n); function MyApp({ Component, pageProps }: AppPropsWithLayout) { const router = useRouter(); const locale: string = router.locale || router.defaultLocale!; const firstRender = useRef(true); if (pageProps.translation && firstRender.current) { i18n.load(locale, pageProps.translation); i18n.activate(locale); firstRender.current = false; } useEffect(() => { if (pageProps.translation) { i18n.load(locale, pageProps.translation); i18n.activate(locale); } }, [locale, pageProps.translation]); const getLayout = Component.getLayout ?? ((page) => page); return ( {getLayout()} ); } export default MyApp; personal website.Armand Philippot

about summary refs log tree commit diff stats

path: root/src/components/Icons/Hamburger/Hamburger.tsx

blob: 9b39272bce6deed2d3e81e0b23c16fac077fb2ed (plain)

import styles from './Hamburger.module.scss';

const HamburgerIcon = ({ isActive }: { isActive: boolean }) => {
  const withModifier = isActive ? ` ${styles['icon--active']}` : '';
  const iconClasses = `${styles.icon} ${withModifier}`;

  return <span className={iconClasses}></span>;
};

export default HamburgerIcon;