feat: the big refactor

Author: missionmike

src/components/Layout/Footer.tsx renamed to src/app/components/Footer.tsx

@@ -5,7 +5,7 @@ import React from "react";
 import { BottomNavigation, Box } from "@mui/material";
 import { getBaseUrl } from "@/util/url";
 import { ThemeAppearanceToggle } from "./ThemeAppearanceToggle";
-import { MuiLink } from "../MuiLink";
+import { MuiLink } from "@/components/MuiLink";
 import { useIsDesktop } from "@/hooks/useIsDesktop";
 import { useIsResumePage } from "@/hooks/useIsResumePage";
 import { useIsLoggedIn } from "@/hooks/useIsLoggedIn";

src/components/Layout/Header.tsx renamed to src/app/components/Header.tsx

@@ -5,7 +5,7 @@ import React, { useContext } from "react";
 import { AppRouterCacheProvider } from "@mui/material-nextjs/v14-appRouter";
 import CssBaseline from "@mui/material/CssBaseline";
 import { Footer } from "./Footer";
-import { ThemeAppearanceContext } from "@/context/ThemeContext";
+import { ThemeAppearanceContext } from "./ThemeContext";
 import { Container, ThemeProvider } from "@mui/material";
 import { createTheme } from "@mui/material";
 import { usePathname } from "next/navigation";

src/components/Layout/Layout.tsx renamed to src/app/components/Layout.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import { MuiLink } from "../MuiLink";
 import { useSession } from "next-auth/react";
 import { getBaseUrl } from "@/util/url";
 import { ThemeAppearanceToggle } from "./ThemeAppearanceToggle";
+import { MuiLink } from "@/components/MuiLink";
 import { useIsLoggedIn } from "@/hooks/useIsLoggedIn";
 import Drawer from "@mui/material/Drawer";
 import List from "@mui/material/List";

src/components/Layout/NavPrimary.tsx renamed to src/app/components/NavPrimary.tsx

@@ -1,7 +1,7 @@
 import { Icon } from "@iconify/react";
 
 import { Box, Switch } from "@mui/material";
-import { ThemeAppearanceContext } from "@/context/ThemeContext";
+import { ThemeAppearanceContext } from "./ThemeContext";
 import { useContext } from "react";
 
 export const ThemeAppearanceToggle = () => {

src/components/Layout/ThemeAppearanceToggle.tsx renamed to src/app/components/ThemeAppearanceToggle.tsx

@@ -1,8 +1,8 @@
 import "./globals.scss";
 
 import { GoogleTagManager } from "@next/third-parties/google";
-import { Layout } from "@/components/Layout/Layout";
-import { ThemeAppearanceProvider } from "@/context/ThemeContext";
+import { Layout } from "./components/Layout";
+import { ThemeAppearanceProvider } from "./components/ThemeContext";
 import localFont from "next/font/local";
 
 const geistSans = localFont({

src/context/ThemeContext.tsx renamed to src/app/components/ThemeContext.tsx

@@ -2,13 +2,13 @@
 
 import React, { useContext } from "react";
 
-import { DataContext } from "@/context/DataContext";
+import { ResumeContext } from "../ResumeContext";
 import type { Education as EducationType } from "@prisma/client";
 import { formatDate } from "@/lib/format";
 import styles from "./Education.module.scss";
 
 export const Education = () => {
-  const { education } = useContext(DataContext);
+  const { education } = useContext(ResumeContext);
 
   // Group education by school name. This was a simpler
   // approach than to create a separate type speficially to group

src/app/layout.tsx

@@ -5,28 +5,28 @@ import { SkillForUserWithSkill } from "@/graphql/getSkills";
 import { Company, Education } from "@prisma/client";
 import { createContext } from "react";
 
-interface DataProviderProps {
+interface ResumeProviderProps {
   skills: SkillForUserWithSkill[];
   companies: Company[];
   positions: PositionWithProjects[];
   education: Education[];
 }
 
-export const DataContext = createContext<DataProviderProps>({
+export const ResumeContext = createContext<ResumeProviderProps>({
   skills: [],
   companies: [],
   positions: [],
   education: [],
 });
 
-export const DataProvider = ({
+export const ResumeProvider = ({
   children,
   skills,
   companies,
   positions,
   education,
-}: DataProviderProps & { children?: React.ReactNode }) => (
-  <DataContext.Provider value={{ skills, companies, positions, education }}>
+}: ResumeProviderProps & { children?: React.ReactNode }) => (
+  <ResumeContext.Provider value={{ skills, companies, positions, education }}>
     {children}
-  </DataContext.Provider>
+  </ResumeContext.Provider>
 );