|
@@ -1,6 +1,7 @@
|
|
|
import { useContext } from "react";
|
|
|
|
|
|
import { SettingsContext } from "utils/contexts/settings";
|
|
|
+import ResolvedIcon from "components/resolvedicon";
|
|
|
|
|
|
export default function Item({ bookmark }) {
|
|
|
const { hostname } = new URL(bookmark.href);
|
|
@@ -16,6 +17,11 @@ export default function Item({ bookmark }) {
|
|
|
>
|
|
|
<div className="flex">
|
|
|
<div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 hover:text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md">
|
|
|
+ {bookmark.icon &&
|
|
|
+ <div className="flex-shrink-0 w-5 h-5">
|
|
|
+ <ResolvedIcon icon={bookmark.icon} />
|
|
|
+ </div>
|
|
|
+ }
|
|
|
{bookmark.abbr}
|
|
|
</div>
|
|
|
<div className="flex-1 flex items-center justify-between rounded-r-md ">
|