admin/39032-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edit app-9xzmfic2e4g1/src/pages/GuidesPage.tsx via Editor

Browse Source
This commit is contained in:
Flatlogic Bot 2026-03-06 17:38:29 +00:00
parent 554a912a5e
commit 53461e923f
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app-9xzmfic2e4g1/src/pages/GuidesPage.tsx
View File

@ -40,7 +40,6 @@ export default function GuidesPage() {
e.preventDefault(); e.preventDefault();
if (!user) { navigate('/login'); return; } if (!user) { navigate('/login'); return; }
const wasLiked = myLikes.has(guideId); const wasLiked = myLikes.has(guideId);
// optimistic
setMyLikes(prev => { setMyLikes(prev => {
const next = new Set(prev); const next = new Set(prev);
wasLiked ? next.delete(guideId) : next.add(guideId); wasLiked ? next.delete(guideId) : next.add(guideId);
@ -53,7 +52,6 @@ export default function GuidesPage() {
try { try {
await api.toggleLike(guideId); await api.toggleLike(guideId);
} catch { } catch {
// revert
setMyLikes(prev => { setMyLikes(prev => {
const next = new Set(prev); const next = new Set(prev);
wasLiked ? next.add(guideId) : next.delete(guideId); wasLiked ? next.add(guideId) : next.delete(guideId);
@ -187,14 +185,12 @@ export default function GuidesPage() {
{/* Body */} {/* Body */}
<div className="p-4 space-y-3"> <div className="p-4 space-y-3">
{/* Author intro */}
{guide.guide_intro && ( {guide.guide_intro && (
<p className="text-xs text-gray-500 italic leading-relaxed line-clamp-2"> <p className="text-xs text-gray-500 italic leading-relaxed line-clamp-2">
"{guide.guide_intro}" "{guide.guide_intro}"
</p> </p>
)} )}
{/* Meta */}
<div className="flex items-center gap-4 text-[10px] font-bold text-gray-400"> <div className="flex items-center gap-4 text-[10px] font-bold text-gray-400">
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
<MapPin className="h-3 w-3 text-primary" /> <MapPin className="h-3 w-3 text-primary" />
@ -208,7 +204,6 @@ export default function GuidesPage() {
)} )}
</div> </div>
{/* Footer */}
<div className="flex items-center justify-between pt-1 border-t border-gray-50"> <div className="flex items-center justify-between pt-1 border-t border-gray-50">
<div className="flex items-center gap-3 text-[10px] font-bold text-gray-400"> <div className="flex items-center gap-3 text-[10px] font-bold text-gray-400">
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
@ -219,8 +214,8 @@ export default function GuidesPage() {
<Eye className="h-3 w-3" /> <Eye className="h-3 w-3" />
{guide.views_count || 0} {guide.views_count || 0}
</span> </span>
{guide.profiles?.username && ( {guide.profiles?.full_name && (
<span className="text-gray-300">@{guide.profiles.username}</span> <span className="text-gray-300">{guide.profiles.full_name}</span>
)} )}
</div> </div>
<span className="flex items-center gap-1 text-[10px] font-black text-orange-600 group-hover:gap-2 transition-all"> <span className="flex items-center gap-1 text-[10px] font-black text-orange-600 group-hover:gap-2 transition-all">