Render header photo in place details

Shows the blurhash and fades in the image once downloaded
This commit is contained in:
2026-04-21 23:07:06 +04:00
parent 99cfd96ca1
commit 85a8699b78
6 changed files with 189 additions and 2 deletions

View File

@@ -14,6 +14,7 @@ export default class PlacesSidebar extends Component {
@service storage;
@service router;
@service mapUi;
@service nostrData;
@action
createNewPlace() {
@@ -149,9 +150,17 @@ export default class PlacesSidebar extends Component {
return !qp.q && !qp.category && qp.lat && qp.lon;
}
get hasHeaderPhoto() {
return (
this.args.selectedPlace &&
this.nostrData.placePhotos &&
this.nostrData.placePhotos.length > 0
);
}
<template>
<div class="sidebar">
<div class="sidebar-header">
<div class="sidebar-header {{if this.hasHeaderPhoto 'no-border'}}">
{{#if @selectedPlace}}
<button
type="button"