From c09f1ff23d9d1023b88c5274e6478a13890b2d54 Mon Sep 17 00:00:00 2001
From: SkateSpots <skatespots>
Date: Thu, 29 Oct 2026 10:37:00 +0700
Subject: [PATCH] feat: event timezone clarity and marketplace retry

---
 src/pages/EventDetailPage.tsx | 2 ++
 src/pages/GearSwapPage.tsx    | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/EventDetailPage.tsx b/src/pages/EventDetailPage.tsx
index 91a4f17..6229b6d 100644
--- a/src/pages/EventDetailPage.tsx
+++ b/src/pages/EventDetailPage.tsx
@@ -79,6 +79,7 @@ function EventDetailSkeleton() {
 
 export default function EventDetailPage() {
   const { t } = useTranslation();
+  const timeZone = typeof Intl !== 'undefined' ? Intl.DateTimeFormat().resolvedOptions().timeZone : '';
   const { pubkey, identifier } = useParams<{ pubkey: string; identifier: string }>();
   const { data: event, isLoading, error, refetch } = useSkateEvent(identifier || '', pubkey);
   const author = useAuthor(event?.pubkey);
@@ -456,6 +457,7 @@ export default function EventDetailPage() {
                       {formatTime(event.start)}
                       {event.end && ` – ${formatTime(event.end)}`}
                     </p>
+                    {timeZone && <p className="truncate text-[10px] text-gray-500">{timeZone}</p>}
                   </div>
                 </div>
                 <div className="flex items-center gap-3 p-4">
diff --git a/src/pages/GearSwapPage.tsx b/src/pages/GearSwapPage.tsx
index 38fa9d6..50f90b9 100644
--- a/src/pages/GearSwapPage.tsx
+++ b/src/pages/GearSwapPage.tsx
@@ -49,7 +49,7 @@ export default function GearSwapPage() {
   });
 
   const { user } = useCurrentUser();
-  const { data: items, isLoading, error } = useMarketplaceItems(200);
+  const { data: items, isLoading, error, refetch } = useMarketplaceItems(200);
   const { data: followList } = useFollowList(user?.pubkey);
 
   // Filter state
@@ -521,6 +521,9 @@ export default function GearSwapPage() {
               <AlertCircle className="h-12 w-12 mx-auto mb-4 text-red-400" />
               <h3 className="text-lg font-bold text-red-400 mb-2">{t('marketUi.gearSwap.loadFailed')}</h3>
               <p className="text-gray-400">{t('marketUi.gearSwap.tryLater')}</p>
+              <Button variant="outline" className="mt-4" onClick={() => void refetch()}>
+                {t('common.tryAgain')}
+              </Button>
             </CardContent>
           </Card>
         )}