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