mirror of
https://github.com/pawelmalak/flame.git
synced 2025-07-23 21:29:37 +02:00
Added ability to set icons on bookmarks. Added hover indicator for apps
This commit is contained in:
parent
8b87ad92f1
commit
4583ca00e9
11 changed files with 80 additions and 20 deletions
|
@ -1,6 +1,9 @@
|
|||
import { Bookmark, Category } from '../../../interfaces';
|
||||
import classes from './BookmarkCard.module.css';
|
||||
|
||||
import Icon from '../../UI/Icons/Icon/Icon';
|
||||
import { iconParser } from '../../../utility/iconParser';
|
||||
|
||||
interface ComponentProps {
|
||||
category: Category;
|
||||
}
|
||||
|
@ -15,6 +18,11 @@ const BookmarkCard = (props: ComponentProps): JSX.Element => {
|
|||
href={`http://${bookmark.url}`}
|
||||
target='blank'
|
||||
key={`bookmark-${bookmark.id}`}>
|
||||
{bookmark.icon && (
|
||||
<div className={classes.BookmarkIcon}>
|
||||
<Icon icon={iconParser(bookmark.icon)} />
|
||||
</div>
|
||||
)}
|
||||
{bookmark.name}
|
||||
</a>
|
||||
))}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue