2 files changed, 51 insertions, 2 deletions

diff --git a/src/mixins/header.pug b/src/mixins/header.pug
index 4bec1f8..9cf1e1a 100644
--- a/src/mixins/header.pug
+++ b/src/mixins/header.pug
@@ -5,9 +5,9 @@ mixin header(user)
     div.header-item
       a(href=`/r/all`) all
     div.header-item
-      a(href=`/r/popular`) popular
+      a(href=`/search`) search
     div.header-item
-      a(href=`/subs`) subscriptions
+      a(href=`/subs`) subs
     if user
       div.header-item
         a(href='/dashboard') #{user.username}
diff --git a/src/mixins/subUtils.pug b/src/mixins/subUtils.pug
new file mode 100644
index 0000000..7f40bf4
--- /dev/null
+++ b/src/mixins/subUtils.pug
@@ -0,0 +1,49 @@
+-
+script(defer).
+  async function toggleSub(sub) {
+    let thinger = document.getElementById(`thinger_${sub}`);
+    if (thinger.innerText === 'unsubscribe') {
+      await doThing(sub, 'unsubscribe');
+    } else {
+      await doThing(sub, 'subscribe');
+    }
+  }
+
+  function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(";").shift();
+  }
+
+  async function doThing(sub, thing) {
+    const jwtToken = getCookie("auth_token");
+    const response = await fetch(`/${thing}`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${jwtToken}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ subreddit: sub }),
+    });
+
+    let thinger = document.getElementById(`thinger_${sub}`);
+    if (thing === 'subscribe') {
+      thinger.innerText = 'unsubscribe';
+    } else {
+      thinger.innerText = 'subscribe';
+    }
+
+    if (!response.ok) {
+      console.error(response);
+      console.error(`Failed to do ${thing}`);
+    }
+  }
+
+  function toggleDetails(details_id) {
+    var detailsElement = document.getElementById(details_id);
+    if (detailsElement) {
+      detailsElement.open = !detailsElement.open;
+    }
+  }
+
+