Encouraging Words eBOOKS

import React, { useState, useMemo } from ‘react’;
import { EBOOKS } from ‘./constants’;
import { Book, Category } from ‘./types’;
import { BookCard } from ‘./components/BookCard’;
import { FunnelSection } from ‘./components/FunnelSection’;

const App: React.FC = () => {
const [selectedCategory, setSelectedCategory] = useState(‘All’);
const [selectedAuthor, setSelectedAuthor] = useState(‘All’);
const [searchQuery, setSearchQuery] = useState(”);
const [activeBook, setActiveBook] = useState(null);

// Derive unique authors for filter
const authors = useMemo(() => {
const list = Array.from(new Set(EBOOKS.map(b => b.author)));
return [‘All’, …list];
}, []);

const filteredBooks = useMemo(() => {
return EBOOKS.filter(book => {
const matchesCategory = selectedCategory === ‘All’ || book.category === selectedCategory;
const matchesAuthor = selectedAuthor === ‘All’ || book.author === selectedAuthor;

const search = searchQuery.toLowerCase();
const matchesSearch =
book.title.toLowerCase().includes(search) ||
book.description.toLowerCase().includes(search) ||
book.author.toLowerCase().includes(search) ||
book.category.toLowerCase().includes(search);

return matchesCategory && matchesAuthor && matchesSearch;
});
}, [selectedCategory, selectedAuthor, searchQuery]);

return (

);
};

export default App;