add reload button

action-bar.js

+import { loadContent } from "./main.js";
+
 export const actionBar = document.createElement('div');
 actionBar.classList.add('actionbar');
 
@@ -11,8 +13,13 @@ actionBar.appendChild(cleanCookiesButton);
 cleanCookiesButton.innerHTML = "🍪";
 cleanCookiesButton.title="Cliquer pour supprimer les cookies";
 
+const reloadButton = document.createElement('button');
+actionBar.appendChild(reloadButton);
+reloadButton.innerHTML = "⟳";
+reloadButton.title="Cliquer pour recharger";
+
 const reverseSort = () => {
-  const newsFeedEl = document.querySelector(".news-feed-el");
+  const newsFeedEl = document.getElementById("news-feed-el");
   newsFeedEl.classList.toggle('reverse');
 }
 
@@ -21,5 +28,12 @@ const cleanCookies = () => {
   document.cookie = 'instanceURL=""; expires=Thu, 01 Jan 1970 00:00:01 GMT"; samesite=lax; secure';
 }
 
+const reload = () => {
+  const newsFeedEl = document.getElementById('news-feed-el');
+  document.getElementById('app').removeChild(newsFeedEl);
+  loadContent();
+}
+
 sortButton.addEventListener('click', reverseSort);
-cleanCookiesButton.addEventListener('click', cleanCookies);
\ No newline at end of file
+cleanCookiesButton.addEventListener('click', cleanCookies);
+reloadButton.addEventListener('click', reload);
\ No newline at end of file

main.js

@@ -16,15 +16,19 @@ const instanceURL = new URL(promptURL);
 document.cookie = `token=${token}; max-age=604800; samesite=lax; secure`;
 document.cookie = `instanceURL=${encodeURIComponent(instanceURL)}; max-age=604800; samesite=lax; secure`;
 
-const appendChildren = async () => {
+export const loadContent = async () => {
   const content = await getData(instanceURL, token);
-  document.querySelector('#app').appendChild(actionBar);
-  document.querySelector('#app').appendChild(content?.newsFeedEl || content);
-  document.querySelector('#bm_nb').textContent = content?.bookmarksNb || "Ø";
+  document.getElementById('app').appendChild(content?.newsFeedEl || content);
+  document.getElementById('bm_nb').textContent = content?.bookmarksNb || "Ø";
   if (content?.bookmarksNb)
     document.title = `${content.bookmarksNb} Mastodon unBookmarks`;
 }
 
+const appendChildren = () => {
+  document.getElementById('app').appendChild(actionBar);
+  loadContent();
+}
+
 appendChildren();
 
 // YaehBqDsKZwFtM7Nqa0ZO7TPE9RKQ_kMgzRNoRu7PZ0
\ No newline at end of file

mastodon-api.js

 const newsFeedEl = document.createElement('div');
 newsFeedEl.classList.add('news-feed-el');
+newsFeedEl.id = 'news-feed-el';
 
 const newsFetch = async (url, token) => {
   const response = await fetch(url, {mode: "cors", headers: { Authorization: `Bearer ${token}`}})
@@ -21,7 +22,7 @@ const unbookmark = async (url, token, id, card) => {
   .then((res) => {
     if (res.ok) {
       card.classList.add('disappeared');
-      const bookmarksNb = document.querySelector('#bm_nb').textContent -= 1;
+      const bookmarksNb = document.getElementById('bm_nb').textContent -= 1;
       document.title = `${bookmarksNb} Mastodon unBookmarks`;
     } else {
       console.error('*** Bookmark not unbookmarks ***');