From ec368169fb4c7782834c626d77f6afab7924cd05 Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Sat, 1 Apr 2023 18:52:30 -0400
Subject: fix share button

Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 src/frontend/build.ts                           |  1 +
 src/frontend/components/ConvSnippet.tsx         | 10 ++++++----
 src/frontend/components/MastodonShareButton.tsx |  4 ++--
 src/frontend/components/NoFunAllowed.tsx        | 18 ++++++++++++++++++
 src/tmpl/blog.rs                                |  9 ---------
 5 files changed, 27 insertions(+), 15 deletions(-)
 create mode 100644 src/frontend/components/NoFunAllowed.tsx

(limited to 'src')

diff --git a/src/frontend/build.ts b/src/frontend/build.ts
index 3814e88..07fc548 100644
--- a/src/frontend/build.ts
+++ b/src/frontend/build.ts
@@ -8,6 +8,7 @@ const result = await esbuild.build({
   entryPoints: [
     "./components/ConvSnippet.tsx",
     "./components/MastodonShareButton.tsx",
+    "./components/NoFunAllowed.tsx",
     "./components/Video.tsx",
     "./components/WASITerm.tsx",
   ],
diff --git a/src/frontend/components/ConvSnippet.tsx b/src/frontend/components/ConvSnippet.tsx
index 375ed9a..9644333 100644
--- a/src/frontend/components/ConvSnippet.tsx
+++ b/src/frontend/components/ConvSnippet.tsx
@@ -12,8 +12,8 @@ const ConvSnippet = ({ name, mood, children }: ConvSnippetProps) => {
   name = name.replace(" ", "_");
 
   return (
-    <div className="conversation">
-      <div className="conversation-standalone">
+    <div class="conversation">
+      <div class="conversation-standalone">
         <picture>
           <source
             type="image/avif"
@@ -32,9 +32,11 @@ const ConvSnippet = ({ name, mood, children }: ConvSnippetProps) => {
         </picture>
       </div>
       <div className="conversation-chat">
-        &lt;<a href={`/characters#${nameLower}`}>
+        {"<"}
+        <a href={`/characters#${nameLower}`}>
           <b>{name}</b>
-        </a>&gt; {children}
+        </a>
+        {">"} {children}
       </div>
     </div>
   );
diff --git a/src/frontend/components/MastodonShareButton.tsx b/src/frontend/components/MastodonShareButton.tsx
index 03fe596..71395b3 100644
--- a/src/frontend/components/MastodonShareButton.tsx
+++ b/src/frontend/components/MastodonShareButton.tsx
@@ -51,7 +51,7 @@ ${series ? "#" + series + " " : ""}${
         {tootBox}
         <br />
         <button
-          onClick={() => {
+          onClick={(() => {
             let instanceURL = instanceBox.value;
 
             if (!instanceURL.startsWith("https://")) {
@@ -66,7 +66,7 @@ ${series ? "#" + series + " " : ""}${
             });
             console.log({ text, mastodonURL });
             window.open(mastodonURL, "_blank");
-          }}
+          })()}
         >
           Share
         </button>
diff --git a/src/frontend/components/NoFunAllowed.tsx b/src/frontend/components/NoFunAllowed.tsx
new file mode 100644
index 0000000..abe323b
--- /dev/null
+++ b/src/frontend/components/NoFunAllowed.tsx
@@ -0,0 +1,18 @@
+// @jsxImportSource xeact
+// @jsxRuntime automatic
+
+import { c } from "xeact";
+
+export default function NoFunAllowed() {
+  return (
+    <button
+      onclick={(() => {
+        Array.from(c("xeblog-slides-fluff")).forEach((el) =>
+          el.classList.toggle("hidden")
+        );
+      })()}
+    >
+      No fun allowed
+    </button>
+  );
+}
diff --git a/src/tmpl/blog.rs b/src/tmpl/blog.rs
index 18d66e7..15af3b5 100644
--- a/src/tmpl/blog.rs
+++ b/src/tmpl/blog.rs
@@ -36,15 +36,6 @@ fn share_button(post: &Post) -> Markup {
     }));
 }
 
-fn share_button_old(post: &Post) -> Markup {
-    html! {
-        div # mastodon_share_button {}
-        div # mastodon_share_series style="display:none" {(post.front_matter.series.as_ref().unwrap_or(&"".to_string()))}
-        div # mastodon_share_tags style="display:none" {@for tag in post.front_matter.tags.as_ref().unwrap_or(&Vec::new()) {"#" (tag) " "}}
-        script type="module" src="/static/js/mastodon_share_button.js" {}
-    }
-}
-
 fn twitch_vod(post: &Post) -> Markup {
     html! {
         @if let Some(vod) = &post.front_matter.vod {
-- 
cgit v1.2.3