From ece4c49ab9821a55c2825f3374f0a22400baaa45 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Wed, 28 May 2025 10:36:44 +0000
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(App):=20move=20lo?=
 =?UTF-8?q?ading=20screen=20to=20standalone=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                                      | 7 +------
 src/components/molecules/LoadingScreen/index.tsx | 9 +++++++++
 2 files changed, 10 insertions(+), 6 deletions(-)
 create mode 100644 src/components/molecules/LoadingScreen/index.tsx

diff --git a/src/App.tsx b/src/App.tsx
index d2f4f42..a429bed 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'
 
 import ErrorPage from 'components/pages/ErrorPage/index.js'
 import RootLayout from 'components/templates/RouteTracker/index.js'
+import Loading from 'components/molecules/LoadingScreen/index.js'
 
 const MainPage = React.lazy(() => import('components/pages/MainPage/index.js'))
 const ProjectsPage = React.lazy(() => import('components/pages/ProjectsPage/index.js'))
@@ -10,12 +11,6 @@ const CurriculumPage = React.lazy(() => import('components/pages/CurriculumPage/
 const ContactPage = React.lazy(() => import('components/pages/ContactPage/index.js'))
 const PrivacyPage = React.lazy(() => import('components/pages/PrivacyPage/index.js'))
 
-const Loading = () => (
-  <Backdrop open={true} aria-label="loading-screen">
-    <CircularProgress />
-  </Backdrop>
-)
-
 const router = createBrowserRouter([
   {
     path: '/',
diff --git a/src/components/molecules/LoadingScreen/index.tsx b/src/components/molecules/LoadingScreen/index.tsx
new file mode 100644
index 0000000..c5e8e92
--- /dev/null
+++ b/src/components/molecules/LoadingScreen/index.tsx
@@ -0,0 +1,9 @@
+import { Backdrop, CircularProgress } from '@mui/material'
+
+const Loading = () => (
+  <Backdrop open={true} aria-label="loading-screen">
+    <CircularProgress />
+  </Backdrop>
+)
+
+export default Loading