2 files changed, 39 insertions, 46 deletions

diff --git a/src/views/index.pug b/src/views/index.pug
index 140cd57..636f9ac 100644
--- a/src/views/index.pug
+++ b/src/views/index.pug
@@ -5,50 +5,7 @@ include ../utils
 doctype html
 html
   +head("home")
-  script(defer).
-    async function subscribe(sub) {
-      await doThing(sub, 'subscribe');
-    }
-
-    async function unsubscribe(sub) {
-      await doThing(sub, 'unsubscribe');
-    }
-
-    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');
-      if (thing == 'subscribe') {
-        thinger.innerText = 'unsubscribe';
-      } else  {
-        thinger.innerText = 'subscribe';
-      }
-
-      if (!response.ok) {
-        console.error(`Failed to do ${thing}`);
-      }
-    }
-
-    function toggleDetails(details_id) {
-      var detailsElement = document.getElementById(details_id);
-      if (detailsElement) {
-        detailsElement.open = !detailsElement.open;
-      }
-    }
+  include ../mixins/subUtils
 
   body
     main#content
@@ -64,9 +21,9 @@ html
           if !isMulti
             div#button-container
               if isSubbed
-               button(onclick=`unsubscribe('${subreddit}')`)#thinger unsubscribe
+                button(onclick=`toggleSub('${subreddit}')` id=`thinger_${subreddit}`) unsubscribe
               else
-               button(onclick=`subscribe('${subreddit}')`)#thinger subscribe
+                button(onclick=`toggleSub('${subreddit}')` id=`thinger_${subreddit}`) subscribe
         if about && !isMulti
           p #{about.public_description}
         else 
diff --git a/src/views/sub-search.pug b/src/views/sub-search.pug
new file mode 100644
index 0000000..4fa707e
--- /dev/null
+++ b/src/views/sub-search.pug
@@ -0,0 +1,36 @@
+include ../mixins/header
+include ../mixins/head
+
+doctype html
+html
+  +head("search subreddits")
+  include ../mixins/subUtils
+  body
+    main#content
+      +header(user)
+      div.hero
+        h1 search subreddits
+        form(action="/search" method="get").search-bar
+          input(type="text" name="q" placeholder="search subreddits (add +nsfw to include over-18 results)" required).search-input
+          button(type="submit").search-button go
+        if message
+        div.search-message
+          | #{message}
+        if items
+          div.search-results
+            each i in items
+              div.search-result
+                - var subreddit = i.data.display_name
+                - var isSubbed = subs.includes(subreddit)
+                div.sub-title
+                  h3
+                    a(href=`/r/${subreddit}`) 
+                      | r/#{subreddit}
+                  div#button-container
+                    if isSubbed
+                      button(onclick=`toggleSub('${subreddit}')` id=`thinger_${subreddit}`) unsubscribe
+                    else
+                      button(onclick=`toggleSub('${subreddit}')` id=`thinger_${subreddit}`) subscribe
+
+                if i.data.public_description
+                  p #{i.data.public_description}