44 lines
1.6 KiB
TypeScript
44 lines
1.6 KiB
TypeScript
// pages/message.js
|
||
|
||
import { useRouter } from 'next/router';
|
||
import Layout from "../components/layout";
|
||
|
||
export default function MessagePage() {
|
||
const router = useRouter();
|
||
const messageStyles = {
|
||
error: "text-red-500",
|
||
warning: "text-yellow-500",
|
||
info: "text-blue-500",
|
||
};
|
||
let { message, type = messageStyles.info, caption } = router.query;
|
||
|
||
|
||
if (router.query.error) {
|
||
switch (router.query.error) {
|
||
case 'UserNotFound':
|
||
message = `Твоят имейл '${router.query.email}' не е регистриран в системата. Моля свържи се с нас за да те регистрираме ако искаш да ползваш този имейл.`;
|
||
caption = 'Грешка';
|
||
type = messageStyles.error;
|
||
break;
|
||
default:
|
||
message = 'Възникна грешка.';
|
||
caption = 'Грешка';
|
||
type = messageStyles.error;
|
||
break;
|
||
}
|
||
}
|
||
|
||
return (
|
||
<Layout>
|
||
<div className="flex items-center justify-center min-h-screen">
|
||
<div className="text-center">
|
||
<h1 className={`text-4xl font-bold mb-4 ${messageStyles[type]}`}>{caption || 'Информация'}</h1>
|
||
<p className="text-xl mb-6">
|
||
{message || 'Така ще получавате различни съобщения.'}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</Layout>
|
||
);
|
||
}
|