import React, { useState } from ‘react’;
import { base44 } from ‘@/api/base44Client’;
import { useQuery } from ‘@tanstack/react-query’;
import { Headphones, Play, Clock, User, Search } from ‘lucide-react’;
import { Input } from ‘@/components/ui/input’;
import { Badge } from ‘@/components/ui/badge’;
import { motion } from ‘framer-motion’;

const defaultEpisodes = [];

export default function Podcast() {
const [searchQuery, setSearchQuery] = useState(”);

const { data: episodes = [] } = useQuery({
queryKey: [‘podcast-episodes’],
queryFn: () => base44.entities.PodcastEpisode.list(‘-published_date’)
});

const filteredEpisodes = episodes.filter(ep => {
const query = searchQuery.toLowerCase();
return (
ep.title.toLowerCase().includes(query) ||
ep.guest_name?.toLowerCase().includes(query) ||
ep.topics?.some(t => t.toLowerCase().includes(query))
);
});

const featuredEpisode = episodes[0];

return (

{/* Hero */}

The Podcast

Invisible Strength
Podcast

Real conversations about living with lupus and other autoimmune diseases.
Hosted by Karin Wagner and Chris Burton, we discuss helpful tips to manage symptoms
and proactively improve our health trajectory.

Listen on Apple Podcasts




Listen on Spotify

{/* Featured Episode */}
{featuredEpisode && (

Latest Episode

{featuredEpisode.title}

with {featuredEpisode.guest_name}

Listen Now

)}

{/* Search & Episodes */}

{/* Search */}

setSearchQuery(e.target.value)}
placeholder=”Search episodes by topic, guest, or title…”
className=”pl-12 py-6 text-lg rounded-full border-[#e8ece6] focus:border-[#5a6b4d] bg-white”
/>

{/* Episodes List */}

{filteredEpisodes.map((episode, index) => (

Episode {episode.episode_number}


{episode.duration}

{episode.title}

with {episode.guest_name}

{episode.description}

{episode.topics?.map((topic) => (

{topic}

))}

Listen

))}

{filteredEpisodes.length === 0 && (

No episodes match your search. Try different keywords.

)}

);
}