File tree Expand file tree Collapse file tree 1 file changed +7
-3
lines changed
dotcom-rendering/src/components Expand file tree Collapse file tree 1 file changed +7
-3
lines changed Original file line number Diff line number Diff line change @@ -350,19 +350,23 @@ export const InteractiveBlockComponent = ({
350
350
351
351
// Bespoke dark mode logic for Datawrapper and ai2html embeds on web
352
352
// This should be removed if/when dark mode is implements on the website
353
+ const isai2html = url . includes (
354
+ 'interactive.guim.co.uk/uploader/embed/' ,
355
+ ) ;
353
356
if (
354
357
! document . querySelector ( '.ios' ) &&
355
358
! document . querySelector ( '.android' ) &&
356
- ( url . includes ( 'datawrapper' ) ||
357
- url . includes ( 'interactive.guim.co.uk/uploader/embed/' ) )
359
+ ( url . includes ( 'datawrapper' ) || isai2html )
358
360
) {
359
361
const prefersDarkScheme = window . matchMedia (
360
362
'(prefers-color-scheme: dark)' ,
361
363
) . matches ;
362
364
const darkMode = darkModeAvailable && prefersDarkScheme ;
363
365
if ( ! darkMode ) {
364
366
iframe . src +=
365
- ( iframe . src . includes ( '?' ) ? '&' : '?' ) + 'dark=false' ;
367
+ ( isai2html ? '/' : '' ) +
368
+ ( iframe . src . includes ( '?' ) ? '&' : '?' ) +
369
+ 'dark=false' ;
366
370
}
367
371
}
368
372
You can’t perform that action at this time.
0 commit comments