rename envs

Author: JoaoGabrielOliveiraSilv

.claude/settings.local.json

@@ -7,7 +7,8 @@
       "Bash(npm run:*)",
       "Bash(node -e \"const pkg = require\\('./node_modules/focus-trap-react/package.json'\\); console.log\\(pkg.version, pkg.main, pkg.module, pkg.exports\\)\")",
       "Bash(node -e \"const m = require\\('focus-trap-react'\\); console.log\\(Object.keys\\(m\\)\\)\")",
-      "Bash(node -e \"require\\('focus-trap'\\)\")"
+      "Bash(node -e \"require\\('focus-trap'\\)\")",
+      "Bash(npm uninstall:*)"
     ]
   }
 }

.env

@@ -1,8 +1,8 @@
 VITE_API_URL=http://localhost:3333
 
 # Credenciais do único usuário do sistema
-VITE_LOGIN_USERNAME=admin
-VITE_LOGIN_PASSWORD=senha123
+LOGIN_USERNAME=admin
+LOGIN_PASSWORD=senha123
 
 # Secret para assinar o JWT (deve ser igual ao secret do backend)
-VITE_JWT_SECRET=change-me-in-production
+JWT_SECRET=change-me-in-production

package-lock.json

@@ -18,7 +18,6 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "focus-trap-react": "^12.0.0",
-    "jose": "^6.2.2",
     "lucide-react": "^0.577.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package.json

@@ -2,13 +2,10 @@ import { Package } from 'lucide-react'
 import { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 
+import { login } from '@/shared/api/auth-api'
 import { Button } from '@/shared/components/ui/Button'
 import { Input } from '@/shared/components/ui/Input'
 import { setToken } from '@/shared/utils/auth'
-import { generateToken } from '@/shared/utils/jwt'
-
-const VALID_USERNAME = import.meta.env.VITE_LOGIN_USERNAME ?? ''
-const VALID_PASSWORD = import.meta.env.VITE_LOGIN_PASSWORD ?? ''
 
 export default function LoginPage() {
   const navigate = useNavigate()
@@ -20,19 +17,14 @@ export default function LoginPage() {
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
     setError(null)
-
-    if (username !== VALID_USERNAME || password !== VALID_PASSWORD) {
-      setError('Usuário ou senha inválidos.')
-      return
-    }
-
     setLoading(true)
+
     try {
-      const token = await generateToken()
+      const { token } = await login(username, password)
       setToken(token)
       navigate('/', { replace: true })
     } catch {
-      setError('Erro ao gerar sessão. Tente novamente.')
+      setError('Usuário ou senha inválidos.')
     } finally {
       setLoading(false)
     }

src/features/auth/pages/LoginPage/index.tsx

@@ -0,0 +1,6 @@
+import { api } from './client'
+
+export async function login(username: string, password: string): Promise<{ token: string }> {
+  const { data } = await api.post<{ token: string }>('/auth/login', { username, password })
+  return data
+}

src/shared/api/auth-api.ts

@@ -17,7 +17,7 @@ api.interceptors.request.use((config) => {
 api.interceptors.response.use(
   (response) => response,
   (error) => {
-    if (error.response?.status === 401) {
+    if (error.response?.status === 401 && window.location.pathname !== '/login') {
       clearToken()
       window.location.href = '/login'
     }