X-Git-Url: https://git.openstreetmap.org./nominatim-ui.git/blobdiff_plain/c636646759d9c541f7baf19812be18d002a8ce1d..8299637b4b6b4f1d07c6c5d55c441108b8b71d84:/src/pages/DeletablePage.svelte

diff --git a/src/pages/DeletablePage.svelte b/src/pages/DeletablePage.svelte
index 27e881a..0748b5c 100644
--- a/src/pages/DeletablePage.svelte
+++ b/src/pages/DeletablePage.svelte
@@ -1,7 +1,10 @@
 <script>
   import { onMount } from 'svelte';
   import { fetch_from_api, update_html_title } from '../lib/api_utils.js';
-  import { detailsURL, osmLink } from '../lib/helpers.js';
+  import { osmLink } from '../lib/helpers.js';
+
+  import Header from '../components/Header.svelte';
+  import DetailsLink from '../components/DetailsLink.svelte';
 
   let aPolygons = [];
 
@@ -14,13 +17,15 @@
   onMount(loaddata);
 </script>
 
+<Header/>
 <div class="container">
   <div class="row">
     <div class="col-sm-12">
       <h1>Deletable</h1>
 
       <p>
-          {aPolygons.length} objects have been deleted in OSM but are still in the Nominatim database.
+        {aPolygons.length} objects have been deleted in OSM but
+        are still in the Nominatim database.
       </p>
 
       <table class="table table-striped table-hover">
@@ -36,9 +41,10 @@
         <tbody>
           {#each aPolygons as polygon}
           <tr>
-            <td><a href="{detailsURL(polygon)}">{polygon.place_id}</a></td>
+            <td><DetailsLink feature={polygon}>{polygon.place_id}</DetailsLink></td>
             <td>{polygon.country_code}</td>
             <td>{polygon.name}</td>
+            <!-- eslint-disable-next-line svelte/no-at-html-tags -->
             <td>{@html osmLink(polygon)}</td>
             <td>{polygon.osm_type}</td>
             <td>{polygon.class}</td>