From cc35757c9eea4f6633c4108e8f3d9ada158ad5c0 Mon Sep 17 00:00:00 2001 From: Lebaud Antoine Date: Tue, 26 Mar 2024 19:16:51 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7(frontend)=20add=20applications=20m?= =?UTF-8?q?enu=20PoC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Based on works from @manuhabitela, introduce a PoC of the future component. ApplicationsMenu component is still under construction. This code was committed for the Wednesday 26th demo, to showcase our future works. This Next.js integration could be improved, and will for sure! Don't blame me. --- .../src/features/header/ApplicationsMenu.tsx | 37 +++++++++++++++++++ .../apps/desk/src/features/header/Header.tsx | 10 ++--- .../e2e/__tests__/app-desk/header.spec.ts | 4 +- 3 files changed, 44 insertions(+), 7 deletions(-) create mode 100644 src/frontend/apps/desk/src/features/header/ApplicationsMenu.tsx 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 = () => ( + <> + + + +