From 6133a72cf673acc8af2a8a4f2befec7755ddda07 Mon Sep 17 00:00:00 2001
From: "gitstart-app[bot]"
 <57568882+gitstart-app[bot]@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:34:42 +0200
Subject: [PATCH] Migrate to twenty-ui utilities/screen-size (#7836)

This PR was created by [GitStart](https://gitstart.com/) to address the
requirements from this ticket:
[TWNTY-7540](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7540).

 ---

### Description

Move `utilities/screen-size` to the `twenty-ui` package

### Demo

The `useScreenSize` was used to render the mobile nav for example on the
landing page.

It still renders properly


![](https://assets-service.gitstart.com/4814/018fa684-c192-455d-a38b-3b212fdb3c1a.png)

###### Fixes [#7540](https://github.com/twentyhq/twenty/issues/7540)

###### Dev QA

- [x] `utilities/screen-size` should be moved to the `twenty-ui` folder

- [x] The mobile nav should still show on the landing page

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
---
 .../src/modules/ui/layout/page/components/DefaultLayout.tsx     | 2 +-
 packages/twenty-ui/src/utilities/index.ts                       | 1 +
 .../src}/utilities/screen-size/hooks/useScreenSize.ts           | 0
 3 files changed, 2 insertions(+), 1 deletion(-)
 rename packages/{twenty-front/src/modules/ui => twenty-ui/src}/utilities/screen-size/hooks/useScreenSize.ts (100%)

diff --git a/packages/twenty-front/src/modules/ui/layout/page/components/DefaultLayout.tsx b/packages/twenty-front/src/modules/ui/layout/page/components/DefaultLayout.tsx
index 0f11f9d50..2a7fcf97a 100644
--- a/packages/twenty-front/src/modules/ui/layout/page/components/DefaultLayout.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/page/components/DefaultLayout.tsx
@@ -10,7 +10,7 @@ import { SignInBackgroundMockPage } from '@/sign-in-background-mock/components/S
 import { useShowAuthModal } from '@/ui/layout/hooks/useShowAuthModal';
 import { NAV_DRAWER_WIDTHS } from '@/ui/navigation/navigation-drawer/constants/NavDrawerWidths';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
-import { useScreenSize } from '@/ui/utilities/screen-size/hooks/useScreenSize';
+import { useScreenSize } from 'twenty-ui';
 import { css, Global, useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { AnimatePresence, LayoutGroup, motion } from 'framer-motion';
diff --git a/packages/twenty-ui/src/utilities/index.ts b/packages/twenty-ui/src/utilities/index.ts
index 38cd4a1b6..f6f4d3659 100644
--- a/packages/twenty-ui/src/utilities/index.ts
+++ b/packages/twenty-ui/src/utilities/index.ts
@@ -3,3 +3,4 @@ export * from './image/getImageAbsoluteURI';
 export * from './isDefined';
 export * from './state/utils/createState';
 export * from './types/Nullable';
+export * from './screen-size/hooks/useScreenSize';
diff --git a/packages/twenty-front/src/modules/ui/utilities/screen-size/hooks/useScreenSize.ts b/packages/twenty-ui/src/utilities/screen-size/hooks/useScreenSize.ts
similarity index 100%
rename from packages/twenty-front/src/modules/ui/utilities/screen-size/hooks/useScreenSize.ts
rename to packages/twenty-ui/src/utilities/screen-size/hooks/useScreenSize.ts