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'
import { useEffect } from 'react'
import { AlertOctagon, RefreshCcw, Home } from 'lucide-react'
import { AlertOctagon, RefreshCcw, Home, Trophy } from 'lucide-react'
import { motion } from 'framer-motion'
export default function Error({
@@ -58,23 +58,23 @@ export default function Error({
</div>
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 px-4">
<button
onClick={() => reset()}
<a
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"
>
<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" />
Tentar Novamente
<Trophy className="w-4 h-4" />
Ir para o Dashboard
</span>
</button>
</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"
>
<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" />
Ir para o Painel
Ir para o Site
</span>
<div className="absolute inset-0 bg-white/5 opacity-0 group-hover:opacity-100 transition-opacity" />
</a>

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

@@ -1,7 +1,7 @@
'use client'
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() {
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">
<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"
>
<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" />
Página Inicial
<Trophy className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
Ir para o Dashboard
</span>
<div className="absolute inset-0 bg-white/5 opacity-0 group-hover:opacity-100 transition-opacity" />
</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"
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]">
<Plus className="w-4 h-4 group-hover:scale-125 transition-transform" />
Criar Nova Pelada
<Home className="w-4 h-4" />
Ir para o Site
</span>
<div className="absolute inset-0 bg-white opacity-0 group-hover:opacity-20 transition-opacity" />
</a>

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

@@ -1,6 +1,6 @@
import Link from 'next/link'
import { getActiveGroup } from '@/lib/auth'
import { Trophy, ArrowLeft, Ghost } from 'lucide-react'
import { Trophy, Home, Ghost } from 'lucide-react'
export default async function NotFound() {
// 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"
style={{ backgroundColor: primaryColor }}
>
<span className="relative z-10 flex items-center gap-2 text-black font-black uppercase tracking-widest text-xs">
<ArrowLeft className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
Voltar para o Jogo
<span className="relative z-10 flex items-center gap-2 text-black font-black uppercase tracking-widest text-[10px]">
<Trophy className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
Ir para o Dashboard
</span>
<div className="absolute inset-0 bg-white opacity-0 group-hover:opacity-20 transition-opacity" />
</Link>
<Link
href="/"
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"
<a
href="http://localhost"
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
</Link>
<Home className="w-4 h-4" />
Ir para o Site
</a>
</div>
{/* Funny Footer */}