forked from RiseUP/riseup_squad_03
modified: index.html
modified: src/App.jsx modified: src/components/AppShell.jsx modified: src/components/featureStateStyles.js modified: src/config/permissions.js modified: src/hooks/useAgenda.js modified: src/mappers/reportMapper.js modified: src/pages/AgendaPage.jsx modified: src/pages/AnalyticsPage.jsx modified: src/pages/AuthPages.jsx modified: src/pages/HomePage.jsx modified: src/pages/MedicalRecordsPage.jsx modified: src/pages/MessagesPage.jsx modified: src/pages/PatientsPage.jsx modified: src/pages/ReportsPage.jsx modified: src/pages/SettingsPage.jsx deleted: src/pages/TeamPage.jsx modified: src/pages/UsersPage.jsx modified: src/repositories/availabilityRepository.js modified: src/repositories/patientRepository.js modified: src/repositories/professionalRepository.js modified: src/repositories/reportRepository.js modified: src/repositories/settingsRepository.js
This commit is contained in:
@@ -6,12 +6,20 @@ import { BrandLogo } from '../components/Brand.jsx'
|
||||
import { FeatureBadge, FeatureCallout } from '../components/FeatureState.jsx'
|
||||
import loginClinicImage from '../assets/figma/login-clinic.png'
|
||||
|
||||
const mockCredentials = [
|
||||
{ label: 'Admin', email: 'hugo@popcode.com.br', password: 'hdoria' },
|
||||
{ label: 'Médico', email: 'leticia.lacerda@souunit.com.br', password: 'Senha@123' },
|
||||
{ label: 'Secretária', email: 'recepcao@mediconnect.com', password: 'demo12345' },
|
||||
{ label: 'Gestor', email: 'gestao@mediconnect.com', password: '12345678' },
|
||||
]
|
||||
|
||||
export function LoginPage({ navigate }) {
|
||||
const [form, setForm] = useState({
|
||||
email: '',
|
||||
password: '',
|
||||
})
|
||||
const [showPassword, setShowPassword] = useState(false)
|
||||
const [credentialsOpen, setCredentialsOpen] = useState(false)
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState('')
|
||||
|
||||
@@ -152,23 +160,46 @@ export function LoginPage({ navigate }) {
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<button
|
||||
className="absolute bottom-4 right-4 flex h-[29px] items-center gap-1.5 rounded-sm border border-white/10 bg-white/[0.05] px-3 font-mono text-[10px] font-medium leading-[15px] text-white/30 transition hover:text-white/50"
|
||||
onClick={() => {
|
||||
setForm({
|
||||
email: 'recepcao@mediconnect.com',
|
||||
password: 'demo123',
|
||||
})
|
||||
}}
|
||||
title="Preencher credenciais mockadas"
|
||||
type="button"
|
||||
>
|
||||
dev · credenciais
|
||||
<FeatureBadge className="border-white/20 bg-white/10 text-white/70" status="mock" text="mock" />
|
||||
<span aria-hidden="true" className="text-[9px]">
|
||||
^
|
||||
</span>
|
||||
</button>
|
||||
<div className="absolute bottom-4 right-4">
|
||||
{credentialsOpen ? (
|
||||
<div className="mb-2 w-[292px] rounded-md border border-white/10 bg-[#0f1b2d] p-2 shadow-2xl">
|
||||
<p className="px-2 pb-1 text-[10px] font-semibold uppercase tracking-wide text-white/40">
|
||||
Credenciais mockadas
|
||||
</p>
|
||||
<div className="grid gap-1">
|
||||
{mockCredentials.map((credential) => (
|
||||
<button
|
||||
className="rounded px-2 py-2 text-left text-xs text-white/70 transition hover:bg-white/10 hover:text-white"
|
||||
key={credential.email}
|
||||
onClick={() => {
|
||||
setForm({
|
||||
email: credential.email,
|
||||
password: credential.password,
|
||||
})
|
||||
setCredentialsOpen(false)
|
||||
}}
|
||||
type="button"
|
||||
>
|
||||
<span className="block font-semibold">{credential.label}</span>
|
||||
<span className="block font-mono text-[11px] text-white/40">{credential.email}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
) : null}
|
||||
<button
|
||||
className="flex h-[29px] items-center gap-1.5 rounded-sm border border-white/10 bg-white/[0.05] px-3 font-mono text-[10px] font-medium leading-[15px] text-white/30 transition hover:text-white/50"
|
||||
onClick={() => setCredentialsOpen((current) => !current)}
|
||||
title="Preencher credenciais mockadas"
|
||||
type="button"
|
||||
>
|
||||
dev · credenciais
|
||||
<FeatureBadge className="border-white/20 bg-white/10 text-white/70" status="mock" text="mock" />
|
||||
<span aria-hidden="true" className="text-[9px]">
|
||||
{credentialsOpen ? 'v' : '^'}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user