Update Wiki.html

Author: kRxZykRxZy

Wiki/Wiki.html

@@ -69,7 +69,7 @@ <h1>Global Wiki</h1>
     <h2>Create New Page</h2>
     <input id="new-title" placeholder="Page Title" /><br>
     <textarea id="new-content" placeholder="Page Content"></textarea><br>
-    <button onclick="addPage()">Add Page</button>
+    <button class="button" onclick="addPage()">Add Page</button>
   </div>
 
   <script>
@@ -84,7 +84,9 @@ <h2>Create New Page</h2>
     async function fetchWiki() {
       try {
         const res = await fetch(JSON_BIN_READ_URL);
+        if (!res.ok) throw new Error('Failed to fetch data');
         const data = await res.json();
+        console.log('Fetched data:', data);
         const pages = data.record;
         document.getElementById('wiki').innerHTML = pages.map((page, index) => `
           <div class="page">
@@ -96,6 +98,7 @@ <h3>${page.title}</h3>
         `).join('');
       } catch (error) {
         console.error('Error fetching wiki:', error);
+        alert('Failed to load wiki data. Please try again later.');
       }
     }
 
@@ -106,9 +109,11 @@ <h3>${page.title}</h3>
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ record: pages })
         });
+        if (!res.ok) throw new Error('Failed to update data');
         fetchWiki();
       } catch (error) {
         console.error('Error updating wiki:', error);
+        alert('Failed to update wiki. Please try again.');
       }
     }
 
@@ -121,12 +126,14 @@ <h3>${page.title}</h3>
       }
       try {
         const res = await fetch(JSON_BIN_READ_URL);
+        if (!res.ok) throw new Error('Failed to fetch data');
         const data = await res.json();
         const pages = data.record;
         pages.push({ title, content });
         updateWiki(pages);
       } catch (error) {
         console.error('Error adding page:', error);
+        alert('Failed to add page. Please try again.');
       }
     }
 
@@ -135,12 +142,14 @@ <h3>${page.title}</h3>
       if (newContent !== null) {
         try {
           const res = await fetch(JSON_BIN_READ_URL);
+          if (!res.ok) throw new Error('Failed to fetch data');
           const data = await res.json();
           const pages = data.record;
           pages[index].content = newContent;
           updateWiki(pages);
         } catch (error) {
           console.error('Error editing page:', error);
+          alert('Failed to edit page. Please try again.');
         }
       }
     }
@@ -149,12 +158,14 @@ <h3>${page.title}</h3>
       if (confirm('Are you sure you want to delete this page?')) {
         try {
           const res = await fetch(JSON_BIN_READ_URL);
+          if (!res.ok) throw new Error('Failed to fetch data');
           const data = await res.json();
           const pages = data.record;
           pages.splice(index, 1);
           updateWiki(pages);
         } catch (error) {
           console.error('Error deleting page:', error);
+          alert('Failed to delete page. Please try again.');
         }
       }
     }