Merge pull request #24 from cobuildlab/features/main/clean-code

[feat][main] Clean code

Author: leonellima

pages/_app.tsx

@@ -1,10 +1,12 @@
+import { PropsWithChildren } from 'react';
 import { AppProps } from 'next/app';
 import { UserProvider } from '@auth0/nextjs-auth0';
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider } from '@mui/material/styles';
 
 import { ApolloProvider } from '../src/shared/apollo/provider';
 import { theme } from '../src/shared/styles/theme';
+import { NextPageWithLayout } from '../src/shared/types';
 import '../src/shared/styles/globals.css';
 
 /**
@@ -15,19 +17,22 @@ import '../src/shared/styles/globals.css';
  * @returns {JSX.Element} - Main app component.
  */
 function App({ Component, pageProps }: AppProps):JSX.Element {
+  const Layout = (Component as NextPageWithLayout).layout || ((props: PropsWithChildren) => <>{props.children}</>)
+
   return (
     <>
       <CssBaseline />
       <UserProvider>
         <ApolloProvider>
           <ThemeProvider theme={theme}>
-            <Component {...pageProps} />
+            <Layout>
+              <Component {...pageProps} />
+            </Layout>
           </ThemeProvider>
         </ApolloProvider>
       </UserProvider>
     </>
   );
 }
 
-// eslint-disable-next-line import/no-default-export
 export default App;

pages/dashboard.tsx

@@ -0,0 +1,27 @@
+import Link from 'next/link';
+import { useUser, withPageAuthRequired } from '@auth0/nextjs-auth0';
+
+import { DashboardLayout } from '../src/shared/components/ui/layouts/DashboardLayout';
+import { NextPageWithLayout } from '../src/shared/types';
+
+
+const DashboardPage: NextPageWithLayout = () => {
+
+  const { user  } = useUser();
+
+  if (user) {
+    return (
+      <>
+        Dashboard
+      </>
+    );
+  }
+
+  return null;
+}
+
+DashboardPage.layout = DashboardLayout;
+
+export const getServerSideProps = withPageAuthRequired();
+
+export default DashboardPage

pages/index.tsx

@@ -1,23 +1,26 @@
-import type { NextPage } from 'next'
+import { NextPage } from 'next';
 import Link from 'next/link';
 import { useUser } from '@auth0/nextjs-auth0';
 
+import { Loader } from '../src/shared/components/ui/components/Loader';
+
+
+const HomePage: NextPage = () => {
 
-const App: NextPage = () => { 
   const { user, error, isLoading } = useUser();
 
-  if (isLoading) return <div>Loading...</div>;
+  if (isLoading) return <Loader fullPage />;
   if (error) return <div>{error.message}</div>;
 
   if (user) {
     return (
-      <div>
+      <>
         Welcome {user.name}! <Link href="/api/auth/logout">Logout</Link>
-      </div>
+      </>
     );
   }
 
-  return <Link href="/api/auth/login">Login</Link>;
+  return <Link href='/api/auth/login'>Login</Link>
 }
 
-export default App;
+export default HomePage;