42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import Store from '../../store';
|
|
import Card from '../ui/Card';
|
|
import Content from '../ui/Content';
|
|
|
|
import * as selectors from '../../store/selectors';
|
|
import usePage from '../../hooks/usePage';
|
|
import { home, homeOutline } from 'ionicons/icons';
|
|
|
|
const HomeCard = ({ title, type, text, author, image }) => (
|
|
<Card className="my-4">
|
|
<div>
|
|
<img className="rounded-t-xl h-32 w-full object-cover" src={image} />
|
|
</div>
|
|
<div className="px-4 py-4 bg-white rounded-b-xl dark:bg-gray-900">
|
|
<h4 className="font-bold py-0 text-s text-gray-400 dark:text-gray-500 uppercase">{type}</h4>
|
|
<h2 className="font-bold text-2xl text-gray-800 dark:text-gray-100">{title}</h2>
|
|
<p className="sm:text-sm text-s text-gray-500 mr-1 my-3 dark:text-gray-400">{text}</p>
|
|
</div>
|
|
</Card>
|
|
);
|
|
|
|
const Home = ({ selected }) => {
|
|
usePage({
|
|
id: 'home',
|
|
title: 'Home',
|
|
icon: homeOutline,
|
|
selectedIcon: home,
|
|
});
|
|
|
|
const homeItems = Store.useState(selectors.getHomeItems);
|
|
|
|
return (
|
|
<Content visible={true} className="p-4 dark:bg-black">
|
|
{homeItems.map((i, index) => (
|
|
<HomeCard {...i} key={index} />
|
|
))}
|
|
</Content>
|
|
);
|
|
};
|
|
|
|
export default Home;
|