From 2a3cbd54848140989e171a2c42c6f49cee53565c Mon Sep 17 00:00:00 2001
From: PaulEntourage <paul@entourage.social>
Date: Thu, 20 Jul 2023 14:39:46 +0200
Subject: [PATCH] first draft

---
 .../CandidateOpportunityItem/index 2.ts       |   1 -
 src/components/headers/Header.styles 2.ts     |  10 --
 .../HeaderBackoffice.styles 2.ts              |  32 -----
 .../headers/HeaderBackoffice/index 2.ts       |   1 -
 .../HeaderBackoffice/usePendingMembers 2.ts   |  27 ----
 .../HeaderConnected.types 2.ts                |  35 -----
 .../headers/HeaderConnected/index 2.ts        |   1 -
 .../headers/HeaderPublic/HeaderPublic 2.tsx   |  26 ----
 .../HeaderPublicContent.desktop 2.tsx         |  88 ------------
 .../HeaderPublicContent.mobile 2.tsx          | 131 ------------------
 .../HeaderPublicContent.styles 2.ts           |  12 --
 .../HeaderPublicContent.types 2.ts            |   9 --
 .../HeaderPublicContent/index 2.ts            |  11 --
 .../headers/HeaderPublic/index 2.ts           |   1 -
 14 files changed, 385 deletions(-)
 delete mode 100644 src/components/backoffice/opportunities/OpportunitiesContainer/OpportunitiesList/CandidateOpportunitiesList/CandidateOpportunityItem/index 2.ts
 delete mode 100644 src/components/headers/Header.styles 2.ts
 delete mode 100644 src/components/headers/HeaderBackoffice/HeaderBackoffice.styles 2.ts
 delete mode 100644 src/components/headers/HeaderBackoffice/index 2.ts
 delete mode 100644 src/components/headers/HeaderBackoffice/usePendingMembers 2.ts
 delete mode 100644 src/components/headers/HeaderConnected/HeaderConnected.types 2.ts
 delete mode 100644 src/components/headers/HeaderConnected/index 2.ts
 delete mode 100644 src/components/headers/HeaderPublic/HeaderPublic 2.tsx
 delete mode 100644 src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.desktop 2.tsx
 delete mode 100644 src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.mobile 2.tsx
 delete mode 100644 src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.styles 2.ts
 delete mode 100644 src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.types 2.ts
 delete mode 100644 src/components/headers/HeaderPublic/HeaderPublicContent/index 2.ts
 delete mode 100644 src/components/headers/HeaderPublic/index 2.ts

diff --git a/src/components/backoffice/opportunities/OpportunitiesContainer/OpportunitiesList/CandidateOpportunitiesList/CandidateOpportunityItem/index 2.ts b/src/components/backoffice/opportunities/OpportunitiesContainer/OpportunitiesList/CandidateOpportunitiesList/CandidateOpportunityItem/index 2.ts
deleted file mode 100644
index bf6dc4935..000000000
--- a/src/components/backoffice/opportunities/OpportunitiesContainer/OpportunitiesList/CandidateOpportunitiesList/CandidateOpportunityItem/index 2.ts	
+++ /dev/null
@@ -1 +0,0 @@
-export * from './CandidateOpportunityItem';
diff --git a/src/components/headers/Header.styles 2.ts b/src/components/headers/Header.styles 2.ts
deleted file mode 100644
index d0839b213..000000000
--- a/src/components/headers/Header.styles 2.ts	
+++ /dev/null
@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-import { HEIGHTS } from 'src/constants/styles';
-
-export const StyledHeaderDesktop = styled.header`
-  height: ${HEIGHTS.HEADER}px;
-`;
-
-export const StyledHeaderMobile = styled.header`
-  height: ${HEIGHTS.HEADER_MOBILE}px;
-`;
diff --git a/src/components/headers/HeaderBackoffice/HeaderBackoffice.styles 2.ts b/src/components/headers/HeaderBackoffice/HeaderBackoffice.styles 2.ts
deleted file mode 100644
index cf1d91134..000000000
--- a/src/components/headers/HeaderBackoffice/HeaderBackoffice.styles 2.ts	
+++ /dev/null
@@ -1,32 +0,0 @@
-import styled from 'styled-components';
-import { COLORS } from 'src/constants/styles';
-
-export const StyledHeaderBackOffice = styled.div`
-  h2 {
-    margin: 0;
-  }
-  p {
-    margin: 0;
-    font-size: 14px;
-  }
-  hr {
-    opacity: 0.5;
-  }
-  .notif-container {
-    padding: 12px;
-    border-top: 0.5px solid ${COLORS.gray};
-    border-bottom: 0.5px solid ${COLORS.gray};
-    margin: 30px 0;
-    font-weight: 700;
-    font-size: 14px;
-    .uk-badge {
-      margin-right: 10px;
-      min-width: 25px;
-      padding: 2px 5px;
-    }
-  }
-  .simple-separator {
-    border-bottom: 0.5px solid ${COLORS.gray};
-    margin: 30px 0;
-  }
-`;
diff --git a/src/components/headers/HeaderBackoffice/index 2.ts b/src/components/headers/HeaderBackoffice/index 2.ts
deleted file mode 100644
index e4ce4d6a3..000000000
--- a/src/components/headers/HeaderBackoffice/index 2.ts	
+++ /dev/null
@@ -1 +0,0 @@
-export * from './HeaderBackoffice';
diff --git a/src/components/headers/HeaderBackoffice/usePendingMembers 2.ts b/src/components/headers/HeaderBackoffice/usePendingMembers 2.ts
deleted file mode 100644
index 91036fc6b..000000000
--- a/src/components/headers/HeaderBackoffice/usePendingMembers 2.ts	
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useContext, useEffect, useState } from 'react';
-import { Api } from 'src/api';
-import { USER_ROLES } from 'src/constants/users';
-import { usePrevious } from 'src/hooks/utils';
-import { UserContext } from 'src/store/UserProvider';
-
-export function usePendingMembers() {
-  const { user } = useContext(UserContext);
-  const prevUser = usePrevious(user);
-
-  const [pendingMembersCount, setPendingMembersCount] = useState(0);
-
-  useEffect(() => {
-    async function fetchPendingMembersCount() {
-      const {
-        data: { pendingCVs },
-      } = await Api.getUsersMembersCount();
-      setPendingMembersCount(pendingCVs);
-    }
-
-    if (user && user !== prevUser && user.role === USER_ROLES.ADMIN) {
-      fetchPendingMembersCount();
-    }
-  }, [prevUser, user]);
-
-  return { pendingMembersCount };
-}
diff --git a/src/components/headers/HeaderConnected/HeaderConnected.types 2.ts b/src/components/headers/HeaderConnected/HeaderConnected.types 2.ts
deleted file mode 100644
index 21073b17e..000000000
--- a/src/components/headers/HeaderConnected/HeaderConnected.types 2.ts	
+++ /dev/null
@@ -1,35 +0,0 @@
-export interface HeaderConnectedItemProps {
-  href: string;
-  badge?: string;
-  icon?: string;
-  name?: string;
-  external?: boolean;
-  queryParams?: string;
-  onClick?: () => void;
-  disabled?: boolean;
-  tag?: {
-    action;
-  };
-}
-
-export interface HeaderConnectedMainItemProps extends HeaderConnectedItemProps {
-  subMenu?: HeaderConnectedItemProps[];
-}
-
-export const HeaderConnectedMainItemDefaultProps = {
-  badge: '',
-  icon: '',
-  external: false,
-  tag: null,
-  queryParams: '',
-  subMenu: null,
-  onClick: null,
-  disabled: false,
-  href: '',
-};
-
-export interface NotifBadgesProps {
-  cv: number;
-  note: number;
-  offers: number;
-}
diff --git a/src/components/headers/HeaderConnected/index 2.ts b/src/components/headers/HeaderConnected/index 2.ts
deleted file mode 100644
index 0082ad9c8..000000000
--- a/src/components/headers/HeaderConnected/index 2.ts	
+++ /dev/null
@@ -1 +0,0 @@
-export * from './HeaderConnected';
diff --git a/src/components/headers/HeaderPublic/HeaderPublic 2.tsx b/src/components/headers/HeaderPublic/HeaderPublic 2.tsx
deleted file mode 100644
index 1fd377cf8..000000000
--- a/src/components/headers/HeaderPublic/HeaderPublic 2.tsx	
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import { GA_TAGS } from 'src/constants/tags';
-import { HeaderPublicContent } from './HeaderPublicContent';
-
-const LINKS = [
-  {
-    href: '/travailler',
-    name: 'Je cherche un emploi',
-    tag: GA_TAGS.HEADER_TRAVAILLER_CLIC,
-  },
-  {
-    href: '/entreprises',
-    name: 'Je recrute',
-    tag: GA_TAGS.HEADER_RECRUTER_CLIC,
-  },
-  { href: '/aider', name: 'Je veux aider', tag: GA_TAGS.HEADER_AIDER_CLIC },
-  {
-    href: '/orienter',
-    name: "J'oriente un candidat",
-    tag: GA_TAGS.HEADER_ORIENTER_CLIC,
-  },
-];
-
-export const HeaderPublic = () => {
-  return <HeaderPublicContent links={LINKS} />;
-};
diff --git a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.desktop 2.tsx b/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.desktop 2.tsx
deleted file mode 100644
index 5c382df5c..000000000
--- a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.desktop 2.tsx	
+++ /dev/null
@@ -1,88 +0,0 @@
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import React from 'react';
-import { StyledHeaderDesktop } from 'src/components/headers/Header.styles';
-import { Navbar, NavbarLogo, Icon, Nav } from 'src/components/utils';
-import { Button } from 'src/components/utils/Button';
-import { FB_TAGS, GA_TAGS } from 'src/constants/tags';
-import { fbEvent } from 'src/lib/fb';
-import { gaEvent } from 'src/lib/gtag';
-import { StyledPublicItem } from './HeaderPublicContent.styles';
-import { HeaderPublicContentProps } from './HeaderPublicContent.types';
-
-export const HeaderPublicContentDesktop = ({
-  links,
-}: HeaderPublicContentProps) => {
-  const { asPath } = useRouter();
-
-  const rightItems = [
-    ...links.map((link, i) => {
-      if (asPath.includes(link.href)) {
-        return (
-          <div>
-            <StyledPublicItem
-              selected
-              href={link.href}
-              color="white"
-              onClick={() => {
-                gaEvent(link.tag);
-              }}
-            >
-              {link.name}
-            </StyledPublicItem>
-          </div>
-        );
-      }
-      return (
-        <Link href={link.href} key={i}>
-          <StyledPublicItem color="white">{link.name}</StyledPublicItem>
-        </Link>
-      );
-    }),
-    <div>
-      <Button
-        href={{
-          pathname: '/candidats',
-          query: { employed: false },
-        }}
-        style="primary"
-      >
-        Découvrir les CV&nbsp;
-        <Icon name="chevron-right" />
-      </Button>
-    </div>,
-  ];
-  return (
-    <StyledHeaderDesktop id="header">
-      <Navbar
-        backgroundColor="darkerBlack"
-        sticky
-        left={
-          <div className="uk-flex uk-flex-middle">
-            <NavbarLogo
-              href="/"
-              src="/static/img/linkedout_logo_white.png"
-              alt="LinkedOut"
-            />
-            <div className="uk-margin-small-left uk-flex uk-flex-center uk-light">
-              <Button
-                href={process.env.DONATION_LINK}
-                isExternal
-                newTab
-                onClick={() => {
-                  gaEvent(GA_TAGS.HEADER_DON_CLIC);
-                  fbEvent(FB_TAGS.DONATION);
-                }}
-                style="default"
-              >
-                Faire un don&nbsp;
-                <Icon name="chevron-right" />
-              </Button>
-            </div>
-          </div>
-        }
-        right={<Nav items={rightItems} color="white" />}
-      />
-    </StyledHeaderDesktop>
-  );
-};
diff --git a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.mobile 2.tsx b/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.mobile 2.tsx
deleted file mode 100644
index d51157f93..000000000
--- a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.mobile 2.tsx	
+++ /dev/null
@@ -1,131 +0,0 @@
-import { useRouter } from 'next/router';
-import React from 'react';
-import { StyledHeaderMobile } from 'src/components/headers/Header.styles';
-import { Hamburger, Navbar, NavbarLogo, Icon } from 'src/components/utils';
-import { Button } from 'src/components/utils/Button';
-import { Offcanvas } from 'src/components/utils/Offcanvas';
-import { FB_TAGS, GA_TAGS } from 'src/constants/tags';
-import { OFFCANVAS_GUEST } from 'src/constants/utils';
-import { fbEvent } from 'src/lib/fb';
-import { gaEvent } from 'src/lib/gtag';
-import { HeaderPublicContentProps } from './HeaderPublicContent.types';
-
-export const HeaderPublicContentMobile = ({
-  links,
-}: HeaderPublicContentProps) => {
-  const { asPath, push } = useRouter();
-
-  return (
-    <StyledHeaderMobile id="header">
-      <Navbar
-        backgroundColor="darkerBlack"
-        sticky
-        left={
-          <div className="uk-flex uk-flex-middle">
-            <NavbarLogo
-              href="/"
-              src="/static/img/linkedout_logo_white.png"
-              alt="LinkedOut"
-            />
-          </div>
-        }
-        right={
-          <div className="uk-padding-small uk-flex uk-flex-middle">
-            <Hamburger targetId={OFFCANVAS_GUEST} hidden="m" />
-          </div>
-        }
-      />
-      <Offcanvas id={OFFCANVAS_GUEST}>
-        <ul className="uk-nav uk-nav-default uk-margin-medium-top">
-          <li className="uk-flex uk-flex-center uk-flex-middle">
-            <a
-              aria-hidden="true"
-              className="uk-flex uk-flex-middle"
-              style={{ color: 'white' }}
-              onClick={() => {
-                push('/');
-              }}
-            >
-              <div className="uk-flex">
-                <Icon name="home" ratio={1} className="uk-margin-small-right" />
-                <span>Accueil</span>
-              </div>
-            </a>
-          </li>
-          {[
-            links
-              .filter(({ href }) => {
-                return href !== '#';
-              })
-              .map(({ href, name, tag }, index) => {
-                if (asPath.includes(href)) {
-                  return (
-                    <li key={index} className="uk-flex-center">
-                      <a
-                        style={{
-                          borderBottom: 'white solid 1px',
-                          color: 'white',
-                        }}
-                        aria-hidden="true"
-                        className="uk-text-center"
-                        onClick={() => {
-                          gaEvent(tag);
-                          push(href);
-                        }}
-                      >
-                        {name}
-                      </a>
-                    </li>
-                  );
-                }
-
-                return (
-                  <li key={index} className="uk-flex-center">
-                    {/* Hack so that the links don't move when changing current page */}
-                    <a
-                      style={{
-                        borderBottom: '1px solid transparent',
-                        color: 'white',
-                      }}
-                      aria-hidden="true"
-                      className="uk-text-center"
-                      onClick={() => {
-                        gaEvent(tag);
-                        push(href);
-                      }}
-                    >
-                      {name}
-                    </a>
-                  </li>
-                );
-              }),
-          ]}
-          <li className="uk-margin-small-top uk-flex uk-flex-center uk-padding-small">
-            <Button
-              href={{ pathname: '/candidats', query: { employed: false } }}
-              style="primary"
-            >
-              Découvrir les CV&nbsp;
-              <Icon name="chevron-right" />
-            </Button>
-          </li>
-          <li className="uk-flex uk-flex-center uk-padding-small">
-            <Button
-              href={process.env.DONATION_LINK}
-              isExternal
-              newTab
-              onClick={() => {
-                gaEvent(GA_TAGS.HEADER_DON_CLIC);
-                fbEvent(FB_TAGS.DONATION);
-              }}
-              style="default"
-            >
-              Faire un don&nbsp;
-              <Icon name="chevron-right" />
-            </Button>
-          </li>
-        </ul>
-      </Offcanvas>
-    </StyledHeaderMobile>
-  );
-};
diff --git a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.styles 2.ts b/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.styles 2.ts
deleted file mode 100644
index cd803dd9b..000000000
--- a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.styles 2.ts	
+++ /dev/null
@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { COLORS } from 'src/constants/styles';
-
-export const StyledPublicItem = styled.a`
-  border-bottom: ${({ color, selected }) => {
-      return selected ? COLORS[color] || COLORS.white : 'transparent';
-    }}
-    solid 1px;
-  color: ${({ color }) => {
-    return COLORS[color] || COLORS.white;
-  }};
-`;
diff --git a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.types 2.ts b/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.types 2.ts
deleted file mode 100644
index 6e57d14d6..000000000
--- a/src/components/headers/HeaderPublic/HeaderPublicContent/HeaderPublicContent.types 2.ts	
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface HeaderPublicContentProps {
-  links: {
-    href: string;
-    name: string;
-    tag: {
-      action: string;
-    };
-  }[];
-}
diff --git a/src/components/headers/HeaderPublic/HeaderPublicContent/index 2.ts b/src/components/headers/HeaderPublic/HeaderPublicContent/index 2.ts
deleted file mode 100644
index 8f5bf269d..000000000
--- a/src/components/headers/HeaderPublic/HeaderPublicContent/index 2.ts	
+++ /dev/null
@@ -1,11 +0,0 @@
-import { plateform } from 'src/utils/Device';
-import { HeaderPublicContentDesktop } from './HeaderPublicContent.desktop';
-import { HeaderPublicContentMobile } from './HeaderPublicContent.mobile';
-import { HeaderPublicContentProps } from './HeaderPublicContent.types';
-
-export const HeaderPublicContent: (
-  props: HeaderPublicContentProps
-) => JSX.Element = plateform({
-  Desktop: HeaderPublicContentDesktop,
-  Mobile: HeaderPublicContentMobile,
-});
diff --git a/src/components/headers/HeaderPublic/index 2.ts b/src/components/headers/HeaderPublic/index 2.ts
deleted file mode 100644
index 666bf8ade..000000000
--- a/src/components/headers/HeaderPublic/index 2.ts	
+++ /dev/null
@@ -1 +0,0 @@
-export * from './HeaderPublic';