Bookmarks view with grid + redux actions

client/src/components/Bookmarks/BookmarkCard/BookmarkCard.tsx

@@ -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;