Refactor renderText

source/content.js

@@ -2,7 +2,7 @@ import 'webext-dynamic-content-scripts'
 import select from 'select-dom'
 
 import { safeElementReady } from './libs/document'
-import { isEmpty, renderData } from './libs/utils'
+import {isEmpty, renderText} from './libs/utils'
 
 // Add globals for easier debugging
 window.select = select
@@ -29,10 +29,7 @@ async function init () {
   button.addEventListener('click', (e) => e.currentTarget.parentNode.remove())
   box.appendChild(button)
 
-  const text = document.createElement('p')
-  text.className = 'qui-possede-les-medias-text'
-  text.innerHTML = `Ce média ${renderData(boxData)}.`
-  box.appendChild(text)
+  box.appendChild(renderText(boxData))
 
   select('body').append(box)
 }

source/libs/utils.js

@@ -26,3 +26,10 @@ export const renderPlural = (data, preSingular, prePlural) => {
     last
   ].join(' et ')
 }
+
+export const renderText = (data) => {
+  const text = document.createElement('p')
+  text.className = 'qui-possede-les-medias-text'
+  text.innerHTML = `Ce média ${renderData(data)}.`
+  return text
+}

source/popup.js

@@ -1,4 +1,4 @@
-import { isEmpty, renderData } from './libs/utils'
+import { isEmpty, renderText } from './libs/utils'
 
 async function init () {
   const tabs = await browser.tabs.query({
@@ -18,10 +18,7 @@ async function init () {
   const box = document.createElement('div')
   box.className = 'qui-possede-les-medias-box'
 
-  const text = document.createElement('p')
-  text.className = 'qui-possede-les-medias-text'
-  text.innerHTML = `Ce média ${renderData(boxData)}.`
-  box.appendChild(text)
+  box.appendChild(renderText(boxData))
 
   document.querySelector('body').append(box)
 }