From 9491ef60d817764939a794c6c7c17ea171149cb7 Mon Sep 17 00:00:00 2001
From: Danny Morabito <danny@arx-ccn.com>
Date: Thu, 20 Feb 2025 21:37:54 +0100
Subject: [PATCH] visually mark unimplemented forum post buttons

---
 src/components/ForumPost.ts | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/ForumPost.ts b/src/components/ForumPost.ts
index 6392fec..e55ea07 100644
--- a/src/components/ForumPost.ts
+++ b/src/components/ForumPost.ts
@@ -58,6 +58,11 @@ export class ForumPost extends LitElement {
           }
         }
       }
+
+      .disabled {
+        pointer-events: none;
+        opacity: 0.5;
+      }
     `,
   ];
 
@@ -81,7 +86,11 @@ export class ForumPost extends LitElement {
             ></arx-markdown-content>
           </div>
           <div>
-            <arx-phora-button href="#">
+            <arx-phora-button
+              href="#"
+              @click=${() => alert("TODO")}
+              class="disabled"
+            >
               <iconify-icon size="32" icon="mdi:reply"></iconify-icon>
               Reply
             </arx-phora-button>
@@ -89,11 +98,19 @@ export class ForumPost extends LitElement {
               <iconify-icon size="32" icon="mdi:link"></iconify-icon>
               Permalink
             </arx-phora-button>
-            <arx-phora-button href="#">
+            <arx-phora-button
+              href="#"
+              @click=${() => alert("TODO")}
+              class="disabled"
+            >
               <iconify-icon size="32" icon="bxs:zap"></iconify-icon>
               Zap
             </arx-phora-button>
-            <arx-phora-button href="#">
+            <arx-phora-button
+              href="#"
+              @click=${() => alert("TODO")}
+              class="disabled"
+            >
               <iconify-icon
                 size="32"
                 icon="bi:cloud-lightning-rain-fill"