Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-23 21:29:37 +02:00
Code Issues Releases Wiki Activity

Bookmarks view with grid + redux actions

Browse source
This commit is contained in:
unknown 2021-05-23 18:38:39 +02:00
parent 27250dc850
commit e22e5afcb9
20 changed files with 297 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

26
client/src/components/Bookmarks/BookmarkCard/BookmarkCard.tsx Normal file
View file

@ -0,0 +1,26 @@
import { Bookmark, Category } from '../../../interfaces';
import classes from './BookmarkCard.module.css';
interface ComponentProps {
category: Category;
}
const BookmarkCard = (props: ComponentProps): JSX.Element => {
return (
<div className={classes.BookmarkCard}>
<h3>{props.category.name}</h3>
<div className={classes.Bookmarks}>
{props.category.bookmarks.map((bookmark: Bookmark) => (
<a
href={`http://${bookmark.url}`}
target='blank'
key={bookmark.id}>
{bookmark.name}
</a>
))}
</div>
</div>
)
}
export default BookmarkCard;