@@ -363,22 +363,21 @@ export const Block: React.FC<Block> = props => {
363363 </ div >
364364 ) ;
365365 case "bookmark" :
366- const link = blockValue . properties . link
367- const title = blockValue . properties . title ?? link
368- const description = blockValue . properties . description
369- const block_color = blockValue . format ?. block_color
370- const bookmark_icon = blockValue . format ?. bookmark_icon
371- const bookmark_cover = blockValue . format ?. bookmark_cover
372-
366+ const link = blockValue . properties . link ;
367+ const title = blockValue . properties . title ?? link ;
368+ const description = blockValue . properties . description ;
369+ const block_color = blockValue . format ?. block_color ;
370+ const bookmark_icon = blockValue . format ?. bookmark_icon ;
371+ const bookmark_cover = blockValue . format ?. bookmark_cover ;
372+
373373 return (
374374 < div className = "notion-row" >
375375 < a
376376 target = "_blank"
377377 rel = "noopener noreferrer"
378378 className = { classNames (
379379 "notion-bookmark" ,
380- block_color &&
381- `notion-${ block_color } `
380+ block_color && `notion-${ block_color } `
382381 ) }
383382 href = { link [ 0 ] [ 0 ] }
384383 >
@@ -391,23 +390,17 @@ export const Block: React.FC<Block> = props => {
391390 { renderChildText ( description ) }
392391 </ div >
393392 ) }
394-
393+
395394 < div className = "notion-bookmark-link" >
396395 { bookmark_icon && (
397- < img
398- src = { bookmark_icon }
399- alt = { getTextContent ( title ) }
400- />
396+ < img src = { bookmark_icon } alt = { getTextContent ( title ) } />
401397 ) }
402398 < div > { renderChildText ( link ) } </ div >
403399 </ div >
404400 </ div >
405401 { bookmark_cover && (
406402 < div className = "notion-bookmark-image" >
407- < img
408- src = { bookmark_cover }
409- alt = { getTextContent ( title ) }
410- />
403+ < img src = { bookmark_cover } alt = { getTextContent ( title ) } />
411404 </ div >
412405 ) }
413406 </ a >
0 commit comments