From 202ac10a6b1b317c648c0a0404c9b630d4ed62f2 Mon Sep 17 00:00:00 2001 From: eycksilva Date: Tue, 24 Feb 2026 11:00:56 -0300 Subject: [PATCH] atualizacoes feitas: Ajuste de responsividade, Painel admin ajustado, Ajuste de centralizacao e alinhamento, Ajuste de icones --- marketplace/package-lock.json | 10 + marketplace/package.json | 1 + marketplace/src/components/Header.tsx | 6 +- marketplace/src/layouts/Shell.tsx | 338 +++++++++++----- marketplace/src/pages/EmployeeDashboard.tsx | 43 +- marketplace/src/pages/ForgotPasswordPage.tsx | 8 +- marketplace/src/pages/Login.tsx | 14 +- marketplace/src/pages/Orders.tsx | 15 +- marketplace/src/pages/RegisterPage.tsx | 18 +- marketplace/src/pages/SellerDashboard.tsx | 10 +- marketplace/src/pages/admin/CompaniesPage.tsx | 375 +++++++++++++++++- marketplace/src/pages/admin/DashboardHome.tsx | 53 +-- marketplace/src/pages/admin/LogisticsPage.tsx | 4 +- marketplace/src/pages/admin/OrdersPage.tsx | 4 +- marketplace/src/pages/admin/ProductsPage.tsx | 6 +- marketplace/src/pages/admin/ReviewsPage.tsx | 4 +- marketplace/src/pages/admin/UsersPage.tsx | 10 +- marketplace/src/services/adminService.ts | 23 ++ 18 files changed, 725 insertions(+), 217 deletions(-) diff --git a/marketplace/package-lock.json b/marketplace/package-lock.json index cea83dd..197909d 100644 --- a/marketplace/package-lock.json +++ b/marketplace/package-lock.json @@ -15,6 +15,7 @@ "lucide-react": "^0.562.0", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-icons": "^5.5.0", "react-leaflet": "^4.2.1", "react-router-dom": "^6.26.0", "react-window": "^1.8.10", @@ -3625,6 +3626,15 @@ "react": "^18.3.1" } }, + "node_modules/react-icons": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz", + "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", diff --git a/marketplace/package.json b/marketplace/package.json index f121caf..145b76d 100644 --- a/marketplace/package.json +++ b/marketplace/package.json @@ -18,6 +18,7 @@ "lucide-react": "^0.562.0", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-icons": "^5.5.0", "react-leaflet": "^4.2.1", "react-router-dom": "^6.26.0", "react-window": "^1.8.10", diff --git a/marketplace/src/components/Header.tsx b/marketplace/src/components/Header.tsx index 2e1fdb7..77b84eb 100644 --- a/marketplace/src/components/Header.tsx +++ b/marketplace/src/components/Header.tsx @@ -33,8 +33,8 @@ export function Header() { }, []) return ( -
-
+
+
{/* Logo */} @@ -107,7 +107,7 @@ export function Header() {
{/* Mobile Navigation */} -
-
{children}
+ +
{children}
) } diff --git a/marketplace/src/pages/EmployeeDashboard.tsx b/marketplace/src/pages/EmployeeDashboard.tsx index 8fb72c9..2903155 100644 --- a/marketplace/src/pages/EmployeeDashboard.tsx +++ b/marketplace/src/pages/EmployeeDashboard.tsx @@ -1,47 +1,50 @@ import { useAuth } from '../context/AuthContext' import { Link } from 'react-router-dom' +import { FaCartShopping } from 'react-icons/fa6' export function EmployeeDashboardPage() { const { user, logout } = useAuth() return ( -
+
-
+
-

Painel do Colaborador

-

Bem-vindo, {user?.name}

+

Painel do Colaborador

+

Bem-vindo, {user?.name}

-
+
- 🛒 Comprar Medicamentos + + Comprar Medicamentos
-
- -

🛒 Comprar Medicamentos

-

Encontrar medicamentos próximos à venda.

+
+ +

+ + Comprar Medicamentos +

+

Encontrar medicamentos próximos à venda.

-
-

Pedidos

-

Gerenciar pedidos recebidos.

- {/* Link to Orders */} +
+

Pedidos

+

Gerenciar pedidos recebidos.

-
-

Estoque

-

Consultar e ajustar estoque.

- {/* Link to Inventory */} +
+

Estoque

+

Consultar e ajustar estoque.

diff --git a/marketplace/src/pages/ForgotPasswordPage.tsx b/marketplace/src/pages/ForgotPasswordPage.tsx index 991fda2..582b1ec 100644 --- a/marketplace/src/pages/ForgotPasswordPage.tsx +++ b/marketplace/src/pages/ForgotPasswordPage.tsx @@ -34,10 +34,8 @@ export function ForgotPasswordPage() {
{/* Blue Header with Logo (Igual ao Login) */} -
-
- Logo -
+
+ Logo

SaveInMed

Plataforma B2B de Medicamentos

@@ -91,7 +89,7 @@ export function ForgotPasswordPage() { required value={email} onChange={(e) => setEmail(e.target.value)} - className="w-full rounded-xl border border-gray-200 py-2.5 pl-10 pr-3 text-gray-800 placeholder-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-100 transition-all outline-none" + className="w-full rounded-xl border border-gray-200 py-2.5 pl-10 pr-3 text-gray-800 placeholder-gray-400 focus:border-[#0F4C81] focus:ring-2 focus:ring-blue-100 transition-all outline-none" placeholder="seu@email.com" />
diff --git a/marketplace/src/pages/Login.tsx b/marketplace/src/pages/Login.tsx index cc471ce..5109c58 100644 --- a/marketplace/src/pages/Login.tsx +++ b/marketplace/src/pages/Login.tsx @@ -84,10 +84,8 @@ export function LoginPage() {
{/* Blue Header with Logo */} -
-
- Logo -
+
+ Logo

SaveInMed

Plataforma B2B de Medicamentos

@@ -114,7 +112,7 @@ export function LoginPage() { name="username" autoComplete="username" placeholder="seu@email.com" - className="w-full rounded-xl border border-gray-200 py-2.5 pl-10 pr-3 text-gray-800 placeholder-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-100 transition-all outline-none" + className="w-full rounded-xl border border-gray-200 py-2.5 pl-10 pr-3 text-gray-800 placeholder-gray-400 focus:border-[#0F4C81] focus:ring-2 focus:ring-blue-100 transition-all outline-none" value={username} onChange={(e) => setUsername(e.target.value)} /> @@ -133,7 +131,7 @@ export function LoginPage() { type={showPassword ? "text" : "password"} autoComplete="current-password" placeholder="••••••••" - className="w-full rounded-xl border border-gray-200 py-2.5 pl-10 pr-10 text-gray-800 placeholder-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-100 transition-all outline-none" + className="w-full rounded-xl border border-gray-200 py-2.5 pl-10 pr-10 text-gray-800 placeholder-gray-400 focus:border-[#0F4C81] focus:ring-2 focus:ring-blue-100 transition-all outline-none" value={password} onChange={(e) => setPassword(e.target.value)} /> @@ -148,7 +146,7 @@ export function LoginPage() {
- + Esqueceu a senha?
@@ -176,7 +174,7 @@ export function LoginPage() {

Ainda não tem conta?{' '} - + Cadastre-se

diff --git a/marketplace/src/pages/Orders.tsx b/marketplace/src/pages/Orders.tsx index 1146dac..e25a356 100644 --- a/marketplace/src/pages/Orders.tsx +++ b/marketplace/src/pages/Orders.tsx @@ -1,4 +1,6 @@ import { useEffect, useState } from 'react' +import { FaCartShopping } from 'react-icons/fa6' +import { AiOutlineFileDone } from 'react-icons/ai' import { Shell } from '../layouts/Shell' import { apiClient } from '../services/apiClient' import { adminService } from '../services/adminService' @@ -177,7 +179,7 @@ export function OrdersPage() { }`} >
- 🛒 +

Pedidos Feitos

Suas compras de outras farmácias

@@ -195,7 +197,7 @@ export function OrdersPage() { }`} >
- 💰 +

Pedidos Recebidos

Vendas para outras farmácias

@@ -243,9 +245,12 @@ export function OrdersPage() { {!loading && orders.length === 0 && (
- - {activeTab === 'compras' ? '🛒' : '💰'} - +
+ {activeTab === 'compras' + ? + : + } +

Nenhum pedido {activeTab === 'compras' ? 'feito' : 'recebido'} ainda

diff --git a/marketplace/src/pages/RegisterPage.tsx b/marketplace/src/pages/RegisterPage.tsx index 360e555..8e13f16 100644 --- a/marketplace/src/pages/RegisterPage.tsx +++ b/marketplace/src/pages/RegisterPage.tsx @@ -83,10 +83,8 @@ export function RegisterPage() {
{/* Blue Header with Logo */} -
-
- Logo -
+
+ Logo

SaveInMed

Plataforma B2B de Medicamentos

@@ -111,7 +109,7 @@ export function RegisterPage() { setName(e.target.value)} @@ -123,7 +121,7 @@ export function RegisterPage() { setUsername(e.target.value)} @@ -135,7 +133,7 @@ export function RegisterPage() { setEmail(e.target.value)} @@ -148,7 +146,7 @@ export function RegisterPage() { setPassword(e.target.value)} @@ -168,7 +166,7 @@ export function RegisterPage() { setConfirmPassword(e.target.value)} @@ -188,7 +186,7 @@ export function RegisterPage() {

Já tem uma conta?{' '} - + Entrar

diff --git a/marketplace/src/pages/SellerDashboard.tsx b/marketplace/src/pages/SellerDashboard.tsx index e5f8a16..661712a 100644 --- a/marketplace/src/pages/SellerDashboard.tsx +++ b/marketplace/src/pages/SellerDashboard.tsx @@ -1,5 +1,6 @@ import { useEffect, useState } from 'react' import { Link } from 'react-router-dom' +import { FaCartShopping } from 'react-icons/fa6' import { Shell } from '../layouts/Shell' import { apiClient } from '../services/apiClient' import { formatCents } from '../utils/format' @@ -55,17 +56,18 @@ export function SellerDashboardPage() { return (
-
+

Dashboard do Vendedor

Métricas e indicadores de performance

-
+
- 🛒 Comprar Medicamentos + + Comprar Medicamentos +
+
+ + {/* Filename bar */} +
+ + + + {doc.file_name} +
+ + {/* Preview area */} +
+ {isPdf && ( +