File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -247,23 +247,28 @@ async function loadTrustedSites() {
247247 return ;
248248 }
249249
250- listEl . innerHTML = origins
251- . sort ( )
252- . map ( origin => `
253- <div class="trusted-item">
254- <span class="trusted-origin">${ origin } </span>
255- <button class="btn-remove" data-origin="${ origin } ">Remove</button>
256- </div>
257- ` )
258- . join ( '' ) ;
259-
260- // Add remove button handlers
261- listEl . querySelectorAll ( '.btn-remove' ) . forEach ( btn => {
250+ listEl . innerHTML = '' ;
251+ origins . sort ( ) . forEach ( origin => {
252+ const div = document . createElement ( 'div' ) ;
253+ div . className = 'trusted-item' ;
254+
255+ const span = document . createElement ( 'span' ) ;
256+ span . className = 'trusted-origin' ;
257+ span . textContent = origin ;
258+
259+ const btn = document . createElement ( 'button' ) ;
260+ btn . className = 'btn-remove' ;
261+ btn . dataset . origin = origin ;
262+ btn . textContent = 'Remove' ;
263+
262264 btn . addEventListener ( 'click' , async ( ) => {
263- const origin = btn . dataset . origin ;
264265 await removeTrustedSite ( origin ) ;
265266 await loadTrustedSites ( ) ; // Reload
266267 } ) ;
268+
269+ div . appendChild ( span ) ;
270+ div . appendChild ( btn ) ;
271+ listEl . appendChild ( div ) ;
267272 } ) ;
268273}
269274
You can’t perform that action at this time.
0 commit comments