erik/portal-associacaofelizcidade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use motion.a with href for reliable navigation on project cards

Browse Source
This commit is contained in:
Erik Silva
2026-01-21 01:51:37 -03:00
parent 491bb28d6a
commit 44d5e11814
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/portal/PortalClient.tsx
View File

@@ -133,13 +133,13 @@ export default function PortalClient({
{/* Projects Grid */} {/* Projects Grid */}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6">
{filteredFolders.map((folder, idx) => ( {filteredFolders.map((folder, idx) => (
<motion.div <motion.a
key={folder.id} key={folder.id}
href={`/visualizar/pasta/${folder.id}`}
initial={{ opacity: 0, y: 10 }} initial={{ opacity: 0, y: 10 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ delay: idx * 0.05 }} transition={{ delay: idx * 0.05 }}
onClick={() => router.push(`/visualizar/pasta/${folder.id}`)} className="block bg-white border border-slate-100 rounded-2xl p-5 sm:p-6 hover:border-slate-200 hover:shadow-lg transition-all group"
className="cursor-pointer bg-white border border-slate-100 rounded-2xl p-5 sm:p-6 hover:border-slate-200 hover:shadow-lg transition-all group"
> >
<div className="flex items-start gap-4 mb-4"> <div className="flex items-start gap-4 mb-4">
{folder.imageUrl ? ( {folder.imageUrl ? (
@@ -177,7 +177,7 @@ export default function PortalClient({
</div> </div>
<ChevronRight size={16} className="text-slate-300 group-hover:text-red-500 transition-colors" /> <ChevronRight size={16} className="text-slate-300 group-hover:text-red-500 transition-colors" />
</div> </div>
</motion.div> </motion.a>
))} ))}
{filteredFolders.length === 0 && ( {filteredFolders.length === 0 && (