Main

.vscode/settings.json

@@ -2,12 +2,18 @@
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "workbench.colorCustomizations": {
-    "activityBar.background": "#083428",
-    "titleBar.activeBackground": "#0B4937",
-    "titleBar.activeForeground": "#F2FDFA"
+    "activityBar.background": "#9afde2",
+    "titleBar.activeBackground": "#e2fff7",
+    "titleBar.activeForeground": "#0f1010"
   },
   "cSpell.words": [
     "atencao",
-    "reasonslist"
+    "formik",
+    "mapadavida",
+    "mapjson",
+    "reasonslist",
+    "smoothstep",
+    "swipeable",
+    "Swipeable"
   ]
 }

app/(default)/layout.tsx

@@ -1,36 +1,14 @@
 'use client'
 
-import { useEffect } from 'react'
-
-import AOS from 'aos'
-import 'aos/dist/aos.css'
-
-import Footer from '@/components/ui/footer'
-
 export default function DefaultLayout({
   children,
 }: {
   children: React.ReactNode
 }) {  
 
-  useEffect(() => {
-    AOS.init({
-      once: true,
-      disable: 'phone',
-      duration: 700,
-      easing: 'ease-out-cubic',
-    })
-  })
-
   return (
     <>
-      <main className="grow">
-
-        {children}
-
-      </main>
-
-      <Footer />
+      {children}
     </>
   )
 }

app/(default)/page.tsx

@@ -1,14 +1,19 @@
 
-import React, { useEffect } from "react";
+import React from "react";
+import { redirect } from 'next/navigation';
 
 export const metadata = {
   title: 'Home - Simple',
   description: 'Page description',
 }
-import FlowContainer from '@/components/flowContainer'
+
+const RedirectComponent = ({ externalUrl }: any): null => {
+  redirect(externalUrl)
+}
 
 export default async function Home({ params }: any) {
+
   return (
-    <FlowContainer />
+    <RedirectComponent externalUrl={"http://mapadavida.com"}/>
   )
-}
+}

app/api/form-handler/route.ts

@@ -1,55 +1,16 @@
 import { NextResponse, NextRequest } from "next/server";
-import crypto from 'crypto';
-import NodeCache from 'node-cache';
 import { cleanString } from "@/utils/string-modeling";
 import { saveMap } from "@/database/save-map";
 // @ts-ignore
 import { v4 as uuidv4 } from 'uuid';
-import { getMapFromHash } from "@/database/get-map";
-const cache = new NodeCache();
 
-export async function GET(request: NextRequest, response: any) {
-
-  const url = new URL(request.url);
-  const searchParams = new URLSearchParams(url.search);
-  const hash = searchParams.get("hash")
-  // const dados = cache.get(hash as string);
-  console.log(hash)
-  // const mockData = JSON.stringify({"firstName":"Ivan ","lastName":"Zichtl ","email":"izichtl@gmail.com","health":["Bom","Bom","Ruim"],"accept":"Sim","motivo":"OEOEOEOEOEOEOE"})
-  // console.log(mockData)
-  const mapData = await getMapFromHash(hash as string)
-  console.log(mapData)
-  return new NextResponse(JSON.stringify(mapData) as string, {
-    status: 200,
-  });
-
-}
-// export async function PUT(request: NextRequest, response: any) {
-//   console.log('@@@@@@@@@@@@@@')
-//   const jsonData = {
-//     submission_id: '19191919191',
-//   }
-//   const resultOfDB = await saveMap(jsonData)
-//   console.log(resultOfDB)
-//   return new NextResponse('' as string, {
-//     status: 200,
-//   });
-
-// }
 
 
-
-export async function POST(request: Request, response: any) {
-  console.log(process.env.DB_HOST)
+export async function POST(request: Request) {
   const bodyData = await request.formData() // bodyData now contains body
   // TRANSFORMA EM ARRAY A KEYS PODENDO ITERAR SOBRE ELAS
-  const keysArray = Array.from(bodyData.keys());
-
-  const dataArry = keysArray.map((item: any) => {
-    const a = item.toString()
-    return { [a]: bodyData.get(item)}
-  })
-
+  // const keysArray = Array.from(bodyData.keys());
+  console.log(bodyData)
   const submission_id = bodyData.get('submission_id')
   const fullName = bodyData.get('name')
   const email = bodyData.get('email')
@@ -100,11 +61,14 @@ export async function POST(request: Request, response: any) {
     maps: [mindMap, bodyMap, spiritMap],
     reasons: reasons.filter((reason: any) => reason !== null),
   }
+  console.log(jsonData)
   const hash = uuidv4()
   const resultOfDB = await saveMap(jsonData, hash)
   console.log(resultOfDB)
 
-  return NextResponse.redirect(new URL(`/loading?hash=${hash}`, request.url))
+  return NextResponse.redirect(`https://lifeflow.vercel.app/loading?hash=${hash}`, {
+    status: 301,
+  });
 }
 
 

app/api/map-handler/route.ts

@@ -0,0 +1,35 @@
+import { NextResponse, NextRequest } from "next/server";
+import { getMapFromHash } from "@/database/get-map";
+import { getMapFromUserData } from "@/database/get-maps";
+
+export async function GET(request: NextRequest, response: any) {
+  const url = new URL(request.url);
+  const searchParams = new URLSearchParams(url.search);
+  const hash = searchParams.get("hash")
+  const mapData = await getMapFromHash(hash as string)
+  return new NextResponse(JSON.stringify(mapData) as string, {
+    status: 200,
+  });
+}
+
+export async function POST(request: Request, response: Response) {
+  const data = await request.json()
+  const mapData = await getMapFromUserData(data.day, data.mount, data.year, data.email)
+  if (mapData[0] === undefined) {
+      return new NextResponse(JSON.stringify({
+          success: false,
+          data: ['no-data']
+      }) as string, {
+          status: 200,
+  });
+  }
+  return new NextResponse(JSON.stringify({
+      success: true,
+      data: mapData
+  }) as string, {
+      status: 200,
+  });
+
+}
+
+

app/general-styles.ts

@@ -0,0 +1,14 @@
+import { PRIMARY_GRAY, PRIMARY_GREEN, SECONDARY_GRAY } from '@/utils/colors'
+import styled from 'styled-components'
+
+export const StyledMain = styled.main`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    flex-grow: 1;
+    padding: 0px 100px;
+    background-color: "#F8F8FF";
+    @media (max-width: 768px) {
+    padding: 30px;
+  }
+`

app/layout.tsx

@@ -1,35 +1,70 @@
+'use client'
 import './css/style.css'
-
-import { Inter } from 'next/font/google'
-
-import Header from '@/components/ui/header'
+import { Oxygen, Noto_Serif } from 'next/font/google'
+import StyleRegistry from './registry'
 import Banner from '@/components/banner'
+import { ThemeProvider, createTheme } from '@mui/material/styles';
 
-const inter = Inter({
+const oxygen = Oxygen({
   subsets: ['latin'],
-  variable: '--font-inter',
-  display: 'swap'
+  weight: ['300', '400','700'],
+  variable: '--font-oxygen',
 })
 
-export const metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
-}
+const noto_Serif = Noto_Serif({
+  subsets: ['latin'],
+  weight: ['400'],
+  variable: '--font-noto-Serif',
+})
 
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode
 }) {
+
+
+  const theme = createTheme({
+    palette: {
+      primary: {
+        main: '#018868',
+      },
+      secondary: {
+        main: '#A52A2A',
+      },
+      success: {
+        main: '#83C16C',
+      },
+      error: {
+        main: '#D32F2F',
+      },
+      warning: {
+        main: '#EF6C00',
+      },
+      info: {
+        main: '#D32F2F',
+      },
+      background: {
+        // @ts-ignore
+        default: '#E3E5E5',
+      },
+    },
+  });
+
   return (
     <html lang="en">
-      <body className={`${inter.variable} font-inter antialiased bg-white text-gray-900 tracking-tight`}>
-        <div className="flex flex-col min-h-screen overflow-hidden supports-[overflow:clip]:overflow-clip">
-          {/* <Header /> */}
-          {children}
-          {/* <Banner /> */}
-        </div>
+      <body className={`${noto_Serif.variable} ${oxygen.variable} antialiased bg-white text-gray-900 tracking-tight`}>
+      <ThemeProvider theme={theme}>
+        <StyleRegistry>
+          <div className="flex flex-col min-h-screen overflow-hidden supports-[overflow:clip]:overflow-clip">
+            {children}
+            <Banner />
+          </div>
+      </StyleRegistry>
+      </ThemeProvider>
       </body>
     </html>
   )
 }
+
+

app/loading/layout.tsx

@@ -1,36 +1,14 @@
 'use client'
 
-import { useEffect } from 'react'
-
-import AOS from 'aos'
-// import 'aos/dist/aos.css'
-
-import Footer from '@/components/ui/footer'
-
 export default function DefaultLayout({
   children,
 }: {
   children: React.ReactNode
 }) {  
 
-  // useEffect(() => {
-  //   AOS.init({
-  //     once: true,
-  //     disable: 'phone',
-  //     duration: 700,
-  //     easing: 'ease-out-cubic',
-  //   })
-  // })
-
   return (
     <>
-      {/* <main className="grow"> */}
-
-        {children}
-
-      {/* </main> */}
-
-      {/* <Footer /> */}
+      {children}
     </>
   )
 }

app/loading/page.tsx

@@ -5,16 +5,14 @@ export const metadata = {
   title: 'Home - Simple',
   description: 'Page description',
 }
-import LoadingContainer from '@/components/loadingContainer'
+import LoadingContainer from '@/components/LoadingContainer/loadingContainer'
 
 export default async function Home({ params }: any) {
 
-
   return (
   <div className="flex items-center justify-center h-screen">
     <div className="flex flex-col items-center justify-center p-8 w-350 h-350">
       <LoadingContainer />
-      <p className="text-center mt-5">Loading!</p>
     </div>
   </div>
   )