Merge pull request #11 from yorkeccak/main

ui

Author: yorkeccak

components/feed/event-feed.tsx

@@ -1,14 +1,21 @@
 "use client";
 
 import { useEventsStore } from "@/stores/events-store";
+import { useAuthStore } from "@/stores/auth-store";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { EventCard } from "./event-card";
 import { FeedFilters } from "./feed-filters";
-import { Loader2 } from "lucide-react";
+import { Loader2, Lock } from "lucide-react";
+
+const APP_MODE = process.env.NEXT_PUBLIC_APP_MODE || "self-hosted";
 
 export function EventFeed() {
-  const { filteredEvents, isLoading, error, selectedEvent,  selectEvent } =
+  const { filteredEvents, isLoading, error, selectedEvent, selectEvent } =
     useEventsStore();
+  const { isAuthenticated } = useAuthStore();
+
+  const requiresAuth = APP_MODE === "valyu";
+  const showSignInPrompt = requiresAuth && !isAuthenticated && !isLoading && filteredEvents.length === 0;
 
   return (
     <div className="flex h-full flex-col">
@@ -37,7 +44,19 @@ export function EventFeed() {
           </div>
         )}
 
-        {!isLoading && !error && filteredEvents.length === 0 && (
+        {showSignInPrompt && (
+          <div className="py-8 text-center">
+            <Lock className="mx-auto h-8 w-8 text-muted-foreground/50 mb-3" />
+            <p className="text-sm font-medium text-foreground mb-1">
+              Sign in to view events
+            </p>
+            <p className="text-xs text-muted-foreground">
+              Events require authentication
+            </p>
+          </div>
+        )}
+
+        {!isLoading && !error && !showSignInPrompt && filteredEvents.length === 0 && (
           <div className="py-8 text-center">
             <p className="text-sm text-muted-foreground">
               No events match your filters

stores/auth-store.ts

@@ -118,9 +118,11 @@ export const useAuthStore = create<AuthState>()((set, get) => ({
   },
 
   signIn: (user, tokens) => {
+    // Default to 7 days if no expiresIn provided
+    const SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;
     const expiresAt = tokens.expiresIn
       ? Date.now() + tokens.expiresIn * 1000
-      : Date.now() + 3600 * 1000;
+      : Date.now() + SEVEN_DAYS_MS;
 
     saveUser(user);
     saveTokens({