|
|
@ -5,7 +5,7 @@ import { SettingsContext } from "utils/contexts/settings";
|
|
|
|
import ResolvedIcon from "components/resolvedicon";
|
|
|
|
import ResolvedIcon from "components/resolvedicon";
|
|
|
|
|
|
|
|
|
|
|
|
export default function Item({ bookmark }) {
|
|
|
|
export default function Item({ bookmark }) {
|
|
|
|
const { hostname } = new URL(bookmark.href);
|
|
|
|
const description = bookmark.description ?? new URL(bookmark.href).hostname;
|
|
|
|
const { settings } = useContext(SettingsContext);
|
|
|
|
const { settings } = useContext(SettingsContext);
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
@ -30,7 +30,7 @@ export default function Item({ bookmark }) {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="flex-1 flex items-center justify-between rounded-r-md bookmark-text">
|
|
|
|
<div className="flex-1 flex items-center justify-between rounded-r-md bookmark-text">
|
|
|
|
<div className="flex-1 grow pl-3 py-2 text-xs bookmark-name">{bookmark.name}</div>
|
|
|
|
<div className="flex-1 grow pl-3 py-2 text-xs bookmark-name">{bookmark.name}</div>
|
|
|
|
<div className="px-2 py-2 truncate text-theme-500 dark:text-theme-300 text-xs bookmark-hostname">{hostname}</div>
|
|
|
|
<div className="px-2 py-2 truncate text-theme-500 dark:text-theme-300 text-xs bookmark-description">{description}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|