feat: initialize project with Next.js, Prisma, and admin dashboard functionality

This commit is contained in:
Michael committed 2026-04-10 09:58:09 +02:00
commit b73aa8616b
37 files changed
+8711

No files matched your search

+57
View File
@@ -0,0 +1,57 @@
'use client';
import React, { useState } from 'react';
import { GlassCard } from '@/components/GlassCard';
import { loginAdmin } from '@/app/actions/admin';
export default function AdminLoginPage() {
const [error, setError] = useState<string | null>(null);
const [loading, setLoading] = useState(false);
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
setLoading(true);
setError(null);
const formData = new FormData(e.currentTarget);
try {
await loginAdmin(formData);
} catch (err: any) {
setError(err.message || 'Une erreur est survenue.');
setLoading(false);
}
};
return (
<div className="container" style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '100vh' }}>
<GlassCard style={{ width: '100%', maxWidth: '400px' }}>
<h1 style={{ marginBottom: '2rem', fontSize: '1.8rem' }}>Accès Admin</h1>
<form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem' }}>
<div>
<label style={{ display: 'block', marginBottom: '0.5rem', fontSize: '0.9rem', fontWeight: 600 }}>Mot de passe</label>
<input name="password" type="password" required placeholder="••••••••" />
</div>
{error && <p style={{ color: 'var(--error)', fontSize: '0.85rem', textAlign: 'center' }}>{error}</p>}
<button
type="submit"
disabled={loading}
style={{
background: 'var(--accent)',
color: 'white',
padding: '1rem',
borderRadius: '12px',
fontWeight: 600,
marginTop: '1rem',
opacity: loading ? 0.7 : 1
}}
>
{loading ? 'Connexion...' : 'Se connecter'}
</button>
</form>
</GlassCard>
</div>
);
}
+91
View File
@@ -0,0 +1,91 @@
import { prisma } from '@/lib/db';
import { isAuthenticated, logoutAdmin, addButton, deleteButton } from '@/app/actions/admin';
import { redirect } from 'next/navigation';
import { GlassCard } from '@/components/GlassCard';
import { Trash2, LogOut, PlusCircle, Globe } from 'lucide-react';
export default async function AdminPage() {
const auth = await isAuthenticated();
if (!auth) {
redirect('/admin/login');
}
const buttons = await prisma.button.findMany({
orderBy: { order: 'asc' },
});
return (
<main className="container">
<header style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '3rem' }}>
<h1 style={{ marginBottom: 0, fontSize: '2rem' }}>Panel d'Administration</h1>
<form action={logoutAdmin}>
<button type="submit" style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', background: 'transparent', color: 'var(--foreground)', opacity: 0.7 }}>
<LogOut size={20} /> Déconnexion
</button>
</form>
</header>
<div style={{ display: 'grid', gridTemplateColumns: 'minmax(300px, 1fr) 2fr', gap: '3rem', alignItems: 'start' }}>
{/* Form to add button */}
<GlassCard>
<h2 style={{ fontSize: '1.25rem', marginBottom: '1.5rem', display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
<PlusCircle size={20} color="var(--accent)" /> Ajouter un bouton
</h2>
<form action={addButton} style={{ display: 'flex', flexDirection: 'column', gap: '1.2rem' }}>
<div>
<label style={{ display: 'block', marginBottom: '0.4rem', fontSize: '0.85rem', fontWeight: 600 }}>Nom de l'application</label>
<input name="name" type="text" placeholder="Ex: Slack, Jira..." required />
</div>
<div>
<label style={{ display: 'block', marginBottom: '0.4rem', fontSize: '0.85rem', fontWeight: 600 }}>Lien (URL)</label>
<input name="url" type="url" placeholder="https://..." required />
</div>
<button
type="submit"
style={{ background: 'var(--accent)', color: 'white', padding: '0.8rem', borderRadius: '10px', fontWeight: 600, marginTop: '0.5rem' }}
>
Ajouter au menu
</button>
</form>
</GlassCard>
{/* List of buttons */}
<div>
<h2 style={{ fontSize: '1.25rem', marginBottom: '1.5rem' }}>Boutons configurés</h2>
{buttons.length === 0 ? (
<p style={{ opacity: 0.5 }}>Aucun bouton configuré pour le moment.</p>
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
{buttons.map((btn: any) => (
<GlassCard key={btn.id} style={{ padding: '1.2rem', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
<div style={{ background: 'var(--accent)', padding: '0.5rem', borderRadius: '8px', color: 'white' }}>
<Globe size={18} />
</div>
<div>
<div style={{ fontWeight: 600 }}>{btn.name}</div>
<div style={{ fontSize: '0.8rem', opacity: 0.6 }}>{btn.url}</div>
</div>
</div>
<form action={async () => {
'use server';
await deleteButton(btn.id);
}}>
<button
type="submit"
style={{ background: 'transparent', color: 'var(--error)', padding: '0.5rem', borderRadius: '8px' }}
>
<Trash2 size={20} />
</button>
</form>
</GlassCard>
))}
</div>
)}
</div>
</div>
</main>
);
}