erik/temfut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: standardize error page buttons to 'Ir para o Dashboard' and 'Ir para o Site'

Browse Source
This commit is contained in:
Erik Silva
2026-01-26 00:20:40 -03:00
parent 1924e88690
commit 2424fa9bb6
3 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/error.tsx
View File

@@ -1,7 +1,7 @@
'use client' 'use client'
import { useEffect } from 'react' import { useEffect } from 'react'
import { AlertOctagon, RefreshCcw, Home } from 'lucide-react' import { AlertOctagon, RefreshCcw, Home, Trophy } from 'lucide-react'
import { motion } from 'framer-motion' import { motion } from 'framer-motion'
export default function Error({ export default function Error({
@@ -58,23 +58,23 @@ export default function Error({
</div> </div>
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 px-4"> <div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 px-4">
<button <a
onClick={() => reset()} href="/dashboard"
className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative bg-white text-black" className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative bg-white text-black"
> >
<span className="relative z-10 flex items-center gap-2 font-black uppercase tracking-widest text-[10px]"> <span className="relative z-10 flex items-center gap-2 font-black uppercase tracking-widest text-[10px]">
<RefreshCcw className="w-4 h-4 group-hover:rotate-180 transition-transform duration-500" /> <Trophy className="w-4 h-4" />
Tentar Novamente Ir para o Dashboard
</span> </span>
</button> </a>
<a <a
href="/dashboard" href="http://localhost"
className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative border border-white/10 bg-zinc-900" className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative border border-white/10 bg-zinc-900"
> >
<span className="relative z-10 flex items-center gap-2 text-white font-black uppercase tracking-widest text-[10px]"> <span className="relative z-10 flex items-center gap-2 text-white font-black uppercase tracking-widest text-[10px]">
<Home className="w-4 h-4" /> <Home className="w-4 h-4" />
Ir para o Painel Ir para o Site
</span> </span>
<div className="absolute inset-0 bg-white/5 opacity-0 group-hover:opacity-100 transition-opacity" /> <div className="absolute inset-0 bg-white/5 opacity-0 group-hover:opacity-100 transition-opacity" />
</a> </a>

16
src/app/not-found-pelada/page.tsx
View File

@@ -1,7 +1,7 @@
'use client' 'use client'
import { motion } from 'framer-motion' import { motion } from 'framer-motion'
import { AlertTriangle, Home, Plus, Search, Ghost } from 'lucide-react' import { AlertTriangle, Home, Plus, Search, Ghost, Trophy } from 'lucide-react'
export default function PeladaNotFound() { export default function PeladaNotFound() {
const primaryColor = '#ef4444' // Red for error const primaryColor = '#ef4444' // Red for error
@@ -50,24 +50,24 @@ export default function PeladaNotFound() {
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 px-4"> <div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 px-4">
<a <a
href="/" href="/dashboard"
className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative border border-white/10 bg-zinc-900" className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative border border-white/10 bg-zinc-900"
> >
<span className="relative z-10 flex items-center gap-2 text-white font-black uppercase tracking-widest text-[10px]"> <span className="relative z-10 flex items-center gap-2 text-white font-black uppercase tracking-widest text-[10px]">
<Home className="w-4 h-4 group-hover:-translate-x-1 transition-transform" /> <Trophy className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
Página Inicial Ir para o Dashboard
</span> </span>
<div className="absolute inset-0 bg-white/5 opacity-0 group-hover:opacity-100 transition-opacity" /> <div className="absolute inset-0 bg-white/5 opacity-0 group-hover:opacity-100 transition-opacity" />
</a> </a>
<a <a
href="/create" href="http://localhost"
className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative" className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative"
style={{ backgroundColor: '#10b981' }} // Use success color for creation style={{ backgroundColor: '#10b981' }}
> >
<span className="relative z-10 flex items-center gap-2 text-black font-black uppercase tracking-widest text-[10px]"> <span className="relative z-10 flex items-center gap-2 text-black font-black uppercase tracking-widest text-[10px]">
<Plus className="w-4 h-4 group-hover:scale-125 transition-transform" /> <Home className="w-4 h-4" />
Criar Nova Pelada Ir para o Site
</span> </span>
<div className="absolute inset-0 bg-white opacity-0 group-hover:opacity-20 transition-opacity" /> <div className="absolute inset-0 bg-white opacity-0 group-hover:opacity-20 transition-opacity" />
</a> </a>

19
src/app/not-found.tsx
View File

@@ -1,6 +1,6 @@
import Link from 'next/link' import Link from 'next/link'
import { getActiveGroup } from '@/lib/auth' import { getActiveGroup } from '@/lib/auth'
import { Trophy, ArrowLeft, Ghost } from 'lucide-react' import { Trophy, Home, Ghost } from 'lucide-react'
export default async function NotFound() { export default async function NotFound() {
// Tenta pegar o grupo para aplicar as cores personalizadas // Tenta pegar o grupo para aplicar as cores personalizadas
@@ -56,19 +56,20 @@ export default async function NotFound() {
className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative" className="ui-button w-full sm:w-auto px-8 h-14 flex items-center justify-center gap-2 group overflow-hidden relative"
style={{ backgroundColor: primaryColor }} style={{ backgroundColor: primaryColor }}
> >
<span className="relative z-10 flex items-center gap-2 text-black font-black uppercase tracking-widest text-xs"> <span className="relative z-10 flex items-center gap-2 text-black font-black uppercase tracking-widest text-[10px]">
<ArrowLeft className="w-4 h-4 group-hover:-translate-x-1 transition-transform" /> <Trophy className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
Voltar para o Jogo Ir para o Dashboard
</span> </span>
<div className="absolute inset-0 bg-white opacity-0 group-hover:opacity-20 transition-opacity" /> <div className="absolute inset-0 bg-white opacity-0 group-hover:opacity-20 transition-opacity" />
</Link> </Link>
<Link <a
href="/" href="http://localhost"
className="ui-button-ghost w-full sm:w-auto px-8 h-14 text-xs font-black uppercase tracking-widest border-white/10 hover:bg-white/5" className="ui-button-ghost w-full sm:w-auto px-8 h-14 text-[10px] font-black uppercase tracking-widest border-white/10 hover:bg-white/5 flex items-center justify-center gap-2"
> >
Página Inicial <Home className="w-4 h-4" />
</Link> Ir para o Site
</a>
</div> </div>
{/* Funny Footer */} {/* Funny Footer */}