diff --git a/src/frontend/apps/desk/src/features/header/ApplicationsMenu.tsx b/src/frontend/apps/desk/src/features/header/ApplicationsMenu.tsx new file mode 100644 index 0000000..289bbc0 --- /dev/null +++ b/src/frontend/apps/desk/src/features/header/ApplicationsMenu.tsx @@ -0,0 +1,37 @@ +import Head from 'next/head'; +import Script from 'next/script'; +import React from 'react'; + +/** + * ApplicationsMenu Component + * + * This component is a work in progress (WIP) and serves as a proof of concept (POC) to showcase a future advanced feature. + * The purpose of this component is to render an applications menu for La Suite, allowing users to switch between different La Suite apps seamlessly. + * To ensure synchronized content across applications, it utilizes an iframe hosted on Scalingo. + * + * This PoC has been created by @manuhabitela. + * + * It includes external CSS and JavaScript files for styling and functionality. + */ +export const ApplicationsMenu = () => ( + <> +
+ + + + + > +); diff --git a/src/frontend/apps/desk/src/features/header/Header.tsx b/src/frontend/apps/desk/src/features/header/Header.tsx index 1a1d660..23fcaf8 100644 --- a/src/frontend/apps/desk/src/features/header/Header.tsx +++ b/src/frontend/apps/desk/src/features/header/Header.tsx @@ -3,11 +3,11 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; import styled from 'styled-components'; -import { Box, BoxButton, Text } from '@/components/'; +import { Box, Text } from '@/components/'; +import { ApplicationsMenu } from '@/features/header/ApplicationsMenu'; import { LanguagePicker } from '../language/'; -import { default as IconCells } from './assets/icon-cells.svg?url'; import { default as IconDesk } from './assets/icon-desk.svg?url'; import { default as IconGouv } from './assets/icon-gouv.svg?url'; import { default as IconMarianne } from './assets/icon-marianne.svg?url'; @@ -76,7 +76,7 @@ export const Header = () => {