From b6687ddb0cd0bda097c316f46ec3b11bbed7c629 Mon Sep 17 00:00:00 2001 From: Carlos Andres Perez Ubeda Date: Tue, 5 Nov 2024 13:29:29 -0600 Subject: [PATCH 1/2] feat: add responsive overlay component - Integrated a new `ResponsiveOverlay` component: - Displays an overlay on small screens, indicating ongoing responsive work. - Triggers based on screen width, using a resize listener. - Added the responsive image asset: - Included `working-responsive.png` to be displayed in the overlay. - Adjusted `App.tsx`: - Incorporated the `ResponsiveOverlay` component into the main application component tree. --- .../illustrations/working-responsive.png | Bin 0 -> 25218 bytes src/App.tsx | 2 + .../responsive-overlay/ResponsiveOverlay.tsx | 52 ++++++++++++++++++ src/components/responsive-overlay/index.ts | 1 + 4 files changed, 55 insertions(+) create mode 100644 public/assets/illustrations/working-responsive.png create mode 100644 src/components/responsive-overlay/ResponsiveOverlay.tsx create mode 100644 src/components/responsive-overlay/index.ts diff --git a/public/assets/illustrations/working-responsive.png b/public/assets/illustrations/working-responsive.png new file mode 100644 index 0000000000000000000000000000000000000000..c1f072414e7babc36836744ff22de9c702a9164d GIT binary patch literal 25218 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 H7GeJbk?Tks literal 0 HcmV?d00001 diff --git a/src/App.tsx b/src/App.tsx index 33ba24cd8..c521bbb22 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -39,6 +39,7 @@ import MotionLazy from '@src/components/animate/motion-lazy'; import SnackbarProvider from '@src/components/snackbar/snackbar-provider'; import { SettingsProvider, SettingsDrawer } from '@src/components/settings'; import { AuthProvider } from '@src/auth/context/lens'; +import {ResponsiveOverlay} from "@src/components/responsive-overlay"; // ---------------------------------------------------------------------- @@ -76,6 +77,7 @@ export default function App() { + diff --git a/src/components/responsive-overlay/ResponsiveOverlay.tsx b/src/components/responsive-overlay/ResponsiveOverlay.tsx new file mode 100644 index 000000000..43dc9cc7a --- /dev/null +++ b/src/components/responsive-overlay/ResponsiveOverlay.tsx @@ -0,0 +1,52 @@ +import { useState, useEffect } from 'react'; +import { Box, Typography } from '@mui/material'; +import Image from "@src/components/image"; +import responsiveImage from '@public/assets/illustrations/working-responsive.png'; + +const ResponsiveOverlay = () => { + const [isSmallScreen, setIsSmallScreen] = useState(false); + + useEffect(() => { + const handleResize = () => { + setIsSmallScreen(window.innerWidth < 1200); + }; + + window.addEventListener('resize', handleResize); + handleResize(); + + return () => window.removeEventListener('resize', handleResize); + }, []); + + if (!isSmallScreen) { + return null; + } + + return ( + + + Watchit App + + Watchit App + + We are working on making this page responsive. + + + ); +}; + +export default ResponsiveOverlay; diff --git a/src/components/responsive-overlay/index.ts b/src/components/responsive-overlay/index.ts new file mode 100644 index 000000000..fafd0f080 --- /dev/null +++ b/src/components/responsive-overlay/index.ts @@ -0,0 +1 @@ +export { default as ResponsiveOverlay } from './ResponsiveOverlay.tsx'; From 62c9fdbdb4c2674429e3b8da182a2030b8304c00 Mon Sep 17 00:00:00 2001 From: Carlos Andres Perez Ubeda Date: Tue, 5 Nov 2024 13:29:39 -0600 Subject: [PATCH 2/2] feat: add '@public' path alias for project structure - Updated tsconfig.app.json to include '@public/*' path alias pointing to './public/*'. - Modified vite.config.ts to resolve '@public' to 'public' directory. - This change improves file organizing by centralizing public assets access. --- tsconfig.app.json | 1 + vite.config.ts | 1 + 2 files changed, 2 insertions(+) diff --git a/tsconfig.app.json b/tsconfig.app.json index 8c66e40d2..a3f7efc4c 100644 --- a/tsconfig.app.json +++ b/tsconfig.app.json @@ -25,6 +25,7 @@ /* Aliases */ "paths": { "@src/*": ["./src/*"], + "@public/*": ["./public/*"], } }, "include": ["src"] diff --git a/vite.config.ts b/vite.config.ts index 8938ba581..ca0556e5b 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -11,6 +11,7 @@ export default defineConfig(({ mode }) => { resolve: { alias: { '@src': path.resolve(__dirname, 'src'), + '@public': path.resolve(__dirname, 'public'), }, }, define: {