not much

Author: lassejaco

devconnect-app/src/app/dashboard-sections.tsx

@@ -1,6 +1,6 @@
 'use client';
 import Event from 'lib/components/event-schedule-new/event/event';
-import { useFavorites } from './store.hooks';
+import { useEvents, useFavorites } from './store.hooks';
 import NoEventsImage from 'lib/components/event-schedule-new/images/404.png';
 import moment from 'moment';
 import Image from 'next/image';
@@ -33,10 +33,12 @@ export function WelcomeSection() {
   );
 }
 
-export function TodaysSchedule({ atprotoEvents }: { atprotoEvents: any[] }) {
+export function TodaysSchedule() {
+  const events = useEvents();
   const [favorites] = useFavorites();
   const [selectedEvent, setSelectedEvent] = useState<any>(null);
-  const events = atprotoEvents.filter((event) =>
+  // TODO: implement more advanced filtering here, e.g. highlighted events like ethereum day , etc.
+  const filteredEvents = events.filter((event) =>
     favorites.includes(event.id.toString())
   );
 
@@ -68,7 +70,7 @@ export function TodaysSchedule({ atprotoEvents }: { atprotoEvents: any[] }) {
 
       {hasEventsToShow && (
         <div className="flex flex-col items-stretch gap-2 w-full">
-          {events.map((event) => (
+          {filteredEvents.map((event) => (
             <Event
               compact
               key={event.id}

devconnect-app/src/app/page-content.tsx

@@ -1,8 +1,54 @@
-import HomePageContent from './page-content';
-import { getAtprotoEvents } from '@/utils/atproto-events';
+'use client';
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import PageLayout from '@/components/PageLayout';
+import { WelcomeSection, TodaysSchedule } from './dashboard-sections';
+import { HomeIcon, CalendarIcon, TicketIcon } from 'lucide-react';
 
-export default async function HomePage() {
-  const atprotoEvents = await getAtprotoEvents();
+export const homeTabs = () => [
+  {
+    label: 'Home',
+    labelIcon: HomeIcon,
+    href: '/',
+    component: () => null,
+    isActive: (pathname: string) => pathname === '/',
+  },
+  {
+    label: 'Schedule',
+    labelIcon: CalendarIcon,
+    href: '/schedule',
+    component: () => null,
+    isActive: (pathname: string) => pathname === '/schedule',
+  },
+  {
+    label: 'Tickets',
+    labelIcon: TicketIcon,
+    href: '/tickets',
+    component: () => null,
+    isActive: (pathname: string) => pathname === '/tickets',
+  },
+];
 
-  return <HomePageContent atprotoEvents={atprotoEvents} />;
+export default function HomePageContent() {
+  // const events = useEvents();
+  // const router = useRouter();
+  // const { address } = useUnifiedConnection();
+
+  // useEffect(() => {
+  //   const isSkipped = localStorage.getItem('loginIsSkipped');
+
+  //   if (!isSkipped && address) {
+  //     console.log('🔄 [HOME] Redirecting to onboarding');
+  //     router.push('/onboarding');
+  //   }
+  // }, [router, address]);
+
+  return (
+    <PageLayout title="Ethereum World's Fair" tabs={homeTabs()}>
+      <div className="bg-[rgba(246,250,254,1)] p-4 grow">
+        <WelcomeSection />
+        <TodaysSchedule />
+      </div>
+    </PageLayout>
+  );
 }