From 1bf391f26f4d1d2533b80d29238e91e582c8af02 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Tue, 2 Apr 2024 17:30:35 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(app-impress)=20add=20layouts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add layouts folder to the app-impress,
it will contain all the layouts for the app.
For the moment:
- MainLayout.tsx
- PadLayout.tsx
---
 src/frontend/apps/impress/src/core/index.ts   |  1 -
 .../src/{core => layouts}/MainLayout.tsx      |  0
 .../apps/impress/src/layouts/PadLayout.tsx    | 26 +++++++++++++++++++
 .../apps/impress/src/layouts/index.ts         |  2 ++
 src/frontend/apps/impress/src/pages/404.tsx   |  2 +-
 .../apps/impress/src/pages/contacts/index.tsx |  2 +-
 .../apps/impress/src/pages/favorite/index.tsx |  2 +-
 .../apps/impress/src/pages/groups/index.tsx   |  2 +-
 .../apps/impress/src/pages/recent/index.tsx   |  2 +-
 9 files changed, 33 insertions(+), 6 deletions(-)
 rename src/frontend/apps/impress/src/{core => layouts}/MainLayout.tsx (100%)
 create mode 100644 src/frontend/apps/impress/src/layouts/PadLayout.tsx
 create mode 100644 src/frontend/apps/impress/src/layouts/index.ts

diff --git a/src/frontend/apps/impress/src/core/index.ts b/src/frontend/apps/impress/src/core/index.ts
index 6af29680..bd2c0cdc 100644
--- a/src/frontend/apps/impress/src/core/index.ts
+++ b/src/frontend/apps/impress/src/core/index.ts
@@ -1,2 +1 @@
 export * from './AppProvider';
-export * from './MainLayout';
diff --git a/src/frontend/apps/impress/src/core/MainLayout.tsx b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
similarity index 100%
rename from src/frontend/apps/impress/src/core/MainLayout.tsx
rename to src/frontend/apps/impress/src/layouts/MainLayout.tsx
diff --git a/src/frontend/apps/impress/src/layouts/PadLayout.tsx b/src/frontend/apps/impress/src/layouts/PadLayout.tsx
new file mode 100644
index 00000000..f467f86e
--- /dev/null
+++ b/src/frontend/apps/impress/src/layouts/PadLayout.tsx
@@ -0,0 +1,26 @@
+import { PropsWithChildren } from 'react';
+
+import { Box } from '@/components';
+import { useCunninghamTheme } from '@/cunningham';
+import { Panel } from '@/features/pads-panel';
+
+import { MainLayout } from './MainLayout';
+
+export function PadLayout({ children }: PropsWithChildren) {
+  const { colorsTokens } = useCunninghamTheme();
+
+  return (
+    <MainLayout>
+      <Box $height="inherit" $direction="row">
+        <Panel />
+        <Box
+          $background={colorsTokens()['primary-bg']}
+          $width="100%"
+          $height="inherit"
+        >
+          {children}
+        </Box>
+      </Box>
+    </MainLayout>
+  );
+}
diff --git a/src/frontend/apps/impress/src/layouts/index.ts b/src/frontend/apps/impress/src/layouts/index.ts
new file mode 100644
index 00000000..456e8e9e
--- /dev/null
+++ b/src/frontend/apps/impress/src/layouts/index.ts
@@ -0,0 +1,2 @@
+export * from './MainLayout';
+export * from './PadLayout';
diff --git a/src/frontend/apps/impress/src/pages/404.tsx b/src/frontend/apps/impress/src/pages/404.tsx
index d1d44fd4..1a97a9e7 100644
--- a/src/frontend/apps/impress/src/pages/404.tsx
+++ b/src/frontend/apps/impress/src/pages/404.tsx
@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import Icon404 from '@/assets/icons/icon-404.svg';
 import { Box, StyledLink, Text } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const StyledButton = styled(Button)`
diff --git a/src/frontend/apps/impress/src/pages/contacts/index.tsx b/src/frontend/apps/impress/src/pages/contacts/index.tsx
index ba88d4f2..a46ea5b0 100644
--- a/src/frontend/apps/impress/src/pages/contacts/index.tsx
+++ b/src/frontend/apps/impress/src/pages/contacts/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {
diff --git a/src/frontend/apps/impress/src/pages/favorite/index.tsx b/src/frontend/apps/impress/src/pages/favorite/index.tsx
index 7b81c2b5..4528f0cb 100644
--- a/src/frontend/apps/impress/src/pages/favorite/index.tsx
+++ b/src/frontend/apps/impress/src/pages/favorite/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {
diff --git a/src/frontend/apps/impress/src/pages/groups/index.tsx b/src/frontend/apps/impress/src/pages/groups/index.tsx
index c24c0538..de5c36db 100644
--- a/src/frontend/apps/impress/src/pages/groups/index.tsx
+++ b/src/frontend/apps/impress/src/pages/groups/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {
diff --git a/src/frontend/apps/impress/src/pages/recent/index.tsx b/src/frontend/apps/impress/src/pages/recent/index.tsx
index cb06667f..508fd537 100644
--- a/src/frontend/apps/impress/src/pages/recent/index.tsx
+++ b/src/frontend/apps/impress/src/pages/recent/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core/';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {