@ -1,6 +1,7 @@
import { useContext } from "react" ;
import { useContext } from "react" ;
import { SettingsContext } from "utils/contexts/settings" ;
import { SettingsContext } from "utils/contexts/settings" ;
import ResolvedIcon from "components/resolvedicon" ;
export default function Item ( { bookmark } ) {
export default function Item ( { bookmark } ) {
const { hostname } = new URL ( bookmark . href ) ;
const { hostname } = new URL ( bookmark . href ) ;
@ -16,6 +17,11 @@ export default function Item({ bookmark }) {
>
>
< div className = "flex" >
< 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" >
< 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 }
{ bookmark . abbr }
< / div >
< / div >
< div className = "flex-1 flex items-center justify-between rounded-r-md " >
< div className = "flex-1 flex items-center justify-between rounded-r-md " >