chore: inclui ajustes adicionais do dashboard

hltav · hltav · commit 694c4b8d14ed · 2026-07-16T11:14:35.000-03:00
diff --git a/.cspell/custom-dictionary-workspace.txt b/.cspell/custom-dictionary-workspace.txt
diff --git a/backend/bruno/Auth/Register.bru b/backend/bruno/Auth/Register.bru
@@ -12,10 +12,13 @@ post {
 
 body:json {
   {
-    "email":"hudson60@gmail.com",
-    "password": "tavares10", 
-    "name": "Hudson Tavares", 
-    "role":"banana"
+    "email": "teste.criptografia.001@example.com",
+    "password": "SenhaForte123",
+    "name": "Teste Criptografia",
+    "phone": "+5534999999999",
+    "cpf": "12345678901",
+    "technologies": ["TypeScript", "Node.js", "React"],
+    "level": "pleno"
   }
 }
 
diff --git a/backend/bruno/Jobs/SearchJobs.bru b/backend/bruno/Jobs/SearchJobs.bru
@@ -5,12 +5,13 @@ meta {
 }
 
 get {
-  url: {{base_url}}/jobs/search?keywords=node.js
+  url: {{base_url}}/jobs/search?location=&keywords=node.js
   body: none
   auth: inherit
 }
 
 params:query {
+  location: 
   keywords: node.js
 }
 
diff --git a/front_admin/src/app/layouts/MainLayout/Sidebar/Sidebar.tsx b/front_admin/src/app/layouts/MainLayout/Sidebar/Sidebar.tsx
@@ -1,6 +1,6 @@
 import { useNavigate } from "react-router-dom";
+import { CandidateLogo } from "../../../../lib/ui/CandidateLogo";
 import { useAuth } from "../../../../modules/auth/hooks/useAuth";
-import { CandidateLogo } from "../components/CandidateLogo";
 import { SidebarFooter } from "./components/SidebarFooter";
 import { SidebarItem } from "./components/SidebarItem";
 import { NAV_ITEMS } from "./sidebar.config";
diff --git a/front_admin/src/lib/ui/CandidateLogo.tsx b/front_admin/src/lib/ui/CandidateLogo.tsx
@@ -1,24 +1,3 @@
-// interface CandidateLogoProps {
-//   size?: "sm" | "md";
-// }
-
-// const SIZE_STYLES = {
-//   sm: "text-xl",
-//   md: "text-2xl",
-// };
-
-// export function CandidateLogo({ size = "md" }: CandidateLogoProps) {
-//   return (
-//     <span
-//       aria-label="Cand!Date!"
-//       className={`inline-flex items-baseline whitespace-nowrap font-extrabold tracking-normal ${SIZE_STYLES[size]}`}
-//     >
-//       <span className="text-[#2f6fff] dark:text-[##2D5CAB]">&lt;</span>
-//       <span className="text-slate-950 dark:text-slate-100">Cand!Date</span>
-//       <span className="text-[#2f6fff] dark:text-[#2D5CAB]">!&gt;</span>
-//     </span>
-//   );
-// }
 interface CandidateLogoProps {
   size?: "sm" | "md";
 }
diff --git a/front_admin/src/modules/auth/LoginPage.tsx b/front_admin/src/modules/auth/LoginPage.tsx
@@ -1,7 +1,7 @@
 import { Lock } from "lucide-react";
 import { useNavigate } from "react-router-dom";
-import { CandidateLogo } from "../../app/layouts/MainLayout/components/CandidateLogo";
 import { ErrorMessage } from "../../components/common/ErrorMessage";
+import { CandidateLogo } from "../../lib/ui/CandidateLogo";
 import { BrandPanel } from "./components/BrandPanel";
 import { LoginForm } from "./components/LoginForm";
 import { LoginHeader } from "./components/LoginHeader";
diff --git a/front_admin/tsconfig.app.json b/front_admin/tsconfig.app.json
@@ -22,5 +22,5 @@
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"]
+  "include": ["src", "../shared/CandidateLogo.tsx"]
 }
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
@@ -19,6 +19,7 @@ export default defineConfig([
       ecmaVersion: 2020,
       globals: globals.browser,
       parserOptions: {
+        tsconfigRootDir: import.meta.dirname,
         ecmaVersion: 'latest',
         ecmaFeatures: { jsx: true },
         sourceType: 'module',
diff --git a/frontend/src/app/AppRoutes.tsx b/frontend/src/app/AppRoutes.tsx
@@ -1,11 +1,11 @@
+import NotFound from "@/app/NotFound";
 import { useAuth } from "@/domains/auth/application/AuthContext";
-import { AuthenticatedLayout } from "@/app/AuthenticatedLayout";
 import AuthCallbackPage from "@/domains/auth/presentation/pages/AuthCallbackPage";
 import LoginPage from "@/domains/auth/presentation/pages/LoginPage";
 import RegisterPage from "@/domains/auth/presentation/pages/RegisterPage";
-import JobsPage from "@/domains/jobs/presentation/pages/JobsPage";
 import LandingPage from "@/domains/marketing/presentation/pages/LandingPage";
-import NotFound from "@/app/NotFound";
+import NewDashboardPage from "@/domains/new_dashboard/NewDashboardPage";
+import NewDashboardLayout from "@/domains/new_dashboard/layout";
 import Loading from "@/shared/ui/Loading";
 import { Navigate, Route, Routes } from "react-router-dom";
 
@@ -24,21 +24,23 @@ function PublicRoute({ children }: { children: React.ReactNode }) {
 }
 
 export function AppRoutes() {
+  const dashboardElement = (
+    <ProtectedRoute>
+      <NewDashboardLayout>
+        <NewDashboardPage />
+      </NewDashboardLayout>
+    </ProtectedRoute>
+  );
+
   return (
     <Routes>
       <Route path="/" element={<LandingPage />} />
-      <Route
-        element={
-          <ProtectedRoute>
-            <AuthenticatedLayout />
-          </ProtectedRoute>
-        }
-      >
-        <Route path="/home" element={<JobsPage />} />
-        <Route path="/dashboard" element={<NotFound />} />
-        <Route path="/vagas" element={<JobsPage />} />
-        <Route path="/mentoria" element={<NotFound />} />
-      </Route>
+      <Route path="/home" element={dashboardElement} />
+      <Route path="/dashboard" element={dashboardElement} />
+      <Route path="/vagas" element={dashboardElement} />
+      <Route path="/mentoria" element={dashboardElement} />
+      <Route path="/perfil" element={dashboardElement} />
+      <Route path="/ajuda" element={dashboardElement} />
       <Route
         path="/login"
         element={
diff --git a/frontend/src/domains/auth/domain/auth.types.ts b/frontend/src/domains/auth/domain/auth.types.ts
@@ -3,6 +3,7 @@ export interface User {
   email: string;
   name?: string;
   displayName?: string | null;
+  avatarUrl?: string | null;
 }
 
 export interface LoginCredentials {
diff --git a/frontend/src/shared/hooks/useTheme.ts b/frontend/src/shared/hooks/useTheme.ts
@@ -11,6 +11,7 @@ function isThemePreference(value: string | null): value is ThemePreference {
 }
 
 function getSystemTheme(): Theme {
+  if (typeof window.matchMedia !== "function") return "light";
   return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 
@@ -39,6 +40,8 @@ export function useTheme() {
   }, [resolvedTheme, themePreference]);
 
   useEffect(() => {
+    if (typeof window.matchMedia !== "function") return;
+
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const handleSystemThemeChange = () => {
       if (themePreference === "system") {
diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
@@ -24,8 +24,8 @@
     --accent: 140 75% 38%;
     --accent-foreground: 0 0% 100%;
 
-    --border: 0 0% 82%;
-    --input: 30 28% 82%;
+    --border: 214 30% 96%;
+    --input: 214 24% 94%;
     --ring: 140 75% 38%;
 
     --radius: 0.8rem;
@@ -51,8 +51,8 @@
     --accent: 140 50% 45%;
     --accent-foreground: 0 0% 100%;
 
-    --border: 216 16% 30%;
-    --input: 216 16% 30%;
+    --border: 216 18% 16%;
+    --input: 216 18% 18%;
     --ring: 140 75% 38%;
 
     color-scheme: dark;
@@ -125,4 +125,33 @@
   .dark .phone-input-custom .PhoneInputCountry {
     border-right-color: #475569;
   }
+
+  @keyframes profile-bounce {
+    0%,
+    100% {
+      transform: translateY(0) scale(1);
+      box-shadow: 0 0 0 0 hsl(var(--primary) / 0.18);
+    }
+
+    35% {
+      transform: translateY(-5px) scale(1.04);
+      box-shadow: 0 10px 20px -12px hsl(var(--primary) / 0.55);
+    }
+
+    60% {
+      transform: translateY(1px) scale(0.98);
+      box-shadow: 0 0 0 6px hsl(var(--primary) / 0);
+    }
+  }
+
+  .profile-avatar-bounce {
+    animation: profile-bounce 1.9s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
+    transform-origin: center bottom;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .profile-avatar-bounce {
+      animation: none;
+    }
+  }
 }
diff --git a/frontend/tests/unit/app/AppRoutes.test.tsx b/frontend/tests/unit/app/AppRoutes.test.tsx
@@ -18,21 +18,18 @@ vi.mock("@/shared/ui/Loading", () => ({
   default: () => <div role="status">Carregando...</div>,
 }));
 
-vi.mock("@/app/AuthenticatedLayout", async () => {
-  const { Outlet } =
-    await vi.importActual<typeof import("react-router-dom")>(
-      "react-router-dom",
-    );
-
-  return {
-    AuthenticatedLayout: () => (
-      <div>
-        <span>Authenticated shell</span>
-        <Outlet />
-      </div>
-    ),
-  };
-});
+vi.mock("@/domains/new_dashboard/layout", () => ({
+  default: ({ children }: { children: React.ReactNode }) => (
+    <div>
+      <span>Dashboard shell</span>
+      {children}
+    </div>
+  ),
+}));
+
+vi.mock("@/domains/new_dashboard/NewDashboardPage", () => ({
+  default: () => <main>New dashboard route</main>,
+}));
 
 vi.mock("@/domains/marketing/presentation/pages/LandingPage", () => ({
   default: () => <main>Landing route</main>,
@@ -50,10 +47,6 @@ vi.mock("@/domains/auth/presentation/pages/AuthCallbackPage", () => ({
   default: () => <main>Callback route</main>,
 }));
 
-vi.mock("@/domains/jobs/presentation/pages/JobsPage", () => ({
-  default: () => <main>Jobs route</main>,
-}));
-
 vi.mock("@/app/NotFound", () => ({
   default: () => <main>Not found route</main>,
 }));
@@ -95,7 +88,7 @@ describe("AppRoutes", () => {
     renderRoute("/home");
 
     expect(screen.getByText("Login route")).toBeInTheDocument();
-    expect(screen.queryByText("Jobs route")).not.toBeInTheDocument();
+    expect(screen.queryByText("New dashboard route")).not.toBeInTheDocument();
   });
 
   it("renderiza layout autenticado e conteúdo protegido quando há usuário", () => {
@@ -106,8 +99,8 @@ describe("AppRoutes", () => {
 
     renderRoute("/vagas");
 
-    expect(screen.getByText("Authenticated shell")).toBeInTheDocument();
-    expect(screen.getByText("Jobs route")).toBeInTheDocument();
+    expect(screen.getByText("Dashboard shell")).toBeInTheDocument();
+    expect(screen.getByText("New dashboard route")).toBeInTheDocument();
   });
 
   it("mostra loading em rota pública enquanto a sessão está carregando", () => {
@@ -129,8 +122,8 @@ describe("AppRoutes", () => {
 
     renderRoute("/login");
 
-    expect(screen.getByText("Authenticated shell")).toBeInTheDocument();
-    expect(screen.getByText("Jobs route")).toBeInTheDocument();
+    expect(screen.getByText("Dashboard shell")).toBeInTheDocument();
+    expect(screen.getByText("New dashboard route")).toBeInTheDocument();
   });
 
   it("mantém callback OAuth fora dos guards de autenticação", () => {
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
@@ -2,11 +2,7 @@
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "lib": [
-      "ES2020",
-      "DOM",
-      "DOM.Iterable"
-    ],
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
     "moduleResolution": "Bundler",
@@ -15,16 +11,11 @@
     "noEmit": true,
     "jsx": "react-jsx",
     "strict": true,
-    "types": [
-      "vitest/globals",
-      "@testing-library/jest-dom"
-    ],
-    "ignoreDeprecations": "6.0",
+    "types": ["vitest/globals", "@testing-library/jest-dom"],
+    "ignoreDeprecations": "5.0",
     "baseUrl": ".",
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -34,4 +25,4 @@
     "vite.config.js",
     "vite.config.ts"
   ]
-}
+}
diff --git a/shared/CandidateLogo.tsx b/shared/CandidateLogo.tsx
@@ -0,0 +1,41 @@
+interface CandidateLogoProps {
+  size?: "sm" | "md";
+}
+
+const SIZE = {
+  sm: {
+    text: "text-xl",
+    symbol: "text-base",
+    dot: "text-xs",
+  },
+  md: {
+    text: "text-2xl",
+    symbol: "text-lg",
+    dot: "text-sm",
+  },
+};
+
+export function CandidateLogo({ size = "md" }: CandidateLogoProps) {
+  return (
+    <span
+      aria-label="Cand!Date!"
+      className="inline-flex items-baseline whitespace-nowrap font-black tracking-tight leading-none"
+    >
+      <span className={`${SIZE[size].symbol} text-[#3B82F6]`}>&lt;</span>
+
+      <span className={`${SIZE[size].text} text-black dark:text-[#EEF2F6]`}>
+        Cand
+      </span>
+
+      <span className={`${SIZE[size].text} text-[#F59E0B]`}>!</span>
+
+      <span className={`${SIZE[size].text} text-black dark:text-[#EEF2F6]`}>
+        Date
+      </span>
+
+      <span className={`${SIZE[size].text} text-[#A855F7]`}>!</span>
+
+      <span className={`${SIZE[size].text} text-[#3B82F6]`}>&gt;</span>
+    </span>
+  );
+}

Original file line number	Diff line number	Diff line change
`@@ -12,10 +12,13 @@ post {`
`12`	`12`
`13`	`13`	`body:json {`
`14`	`14`	`{`
`15`		`- "email":"hudson60@gmail.com",`
`16`		`- "password": "tavares10",`
`17`		`- "name": "Hudson Tavares",`
`18`		`- "role":"banana"`
	`15`	`+ "email": "teste.criptografia.001@example.com",`
	`16`	`+ "password": "SenhaForte123",`
	`17`	`+ "name": "Teste Criptografia",`
	`18`	`+ "phone": "+5534999999999",`
	`19`	`+ "cpf": "12345678901",`
	`20`	`+ "technologies": ["TypeScript", "Node.js", "React"],`
	`21`	`+ "level": "pleno"`
`19`	`22`	`}`
`20`	`23`	`}`
`21`	`24`
Original file line number	Diff line number	Diff line change
`@@ -5,12 +5,13 @@ meta {`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`get {`
`8`		`- url: {{base_url}}/jobs/search?keywords=node.js`
	`8`	`+ url: {{base_url}}/jobs/search?location=&keywords=node.js`
`9`	`9`	`body: none`
`10`	`10`	`auth: inherit`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`params:query {`
	`14`	`+ location:`
`14`	`15`	`keywords: node.js`
`15`	`16`	`}`
`16`	`17`
Original file line number	Diff line number	Diff line change
`@@ -22,5 +22,5 @@`
`22`	`22`	`"erasableSyntaxOnly": true,`
`23`	`23`	`"noFallthroughCasesInSwitch": true`
`24`	`24`	`},`
`25`		`- "include": ["src"]`
	`25`	`+ "include": ["src", "../shared/CandidateLogo.tsx"]`
`26`	`26`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@ export interface User {`
`3`	`3`	`email: string;`
`4`	`4`	`name?: string;`
`5`	`5`	`displayName?: string \| null;`
	`6`	`+ avatarUrl?: string \| null;`
`6`	`7`	`}`
`7`	`8`
`8`	`9`	`export interface LoginCredentials {`