From 29a014506d95097f5336bcfa4b4cd2996b4c15c5 Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sun, 15 Feb 2026 04:11:20 +0100
Subject: [PATCH] feat: add "Edit this post" button to FAB menu

When viewing a post that has mpUrl in its frontmatter, the FAB menu
shows an "Edit this post" link at the top that redirects to the
Indiekit admin edit form via /posts/edit?url=<mpUrl>.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 _includes/layouts/base.njk | 10 ++++++++++
 css/tailwind.css           |  4 ++++
 2 files changed, 14 insertions(+)

diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index d3b5dbe..dfdd752 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -435,6 +435,16 @@
          x-transition:leave-start="opacity-100 translate-y-0"
          x-transition:leave-end="opacity-0 translate-y-4"
          class="fab-menu">
+      {% if mpUrl %}
+      <a href="/posts/edit?url={{ mpUrl | urlencode }}" @click="open = false" class="fab-menu-item">
+        <svg class="w-5 h-5 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+          <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+        </svg>
+        <span>Edit this post</span>
+      </a>
+      <div class="fab-menu-divider"></div>
+      {% endif %}
       <a href="/posts/create?type=page" @click="open = false" class="fab-menu-item">
         <svg class="w-5 h-5 text-surface-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/>
diff --git a/css/tailwind.css b/css/tailwind.css
index e3cd346..bb1528b 100644
--- a/css/tailwind.css
+++ b/css/tailwind.css
@@ -400,6 +400,10 @@
     @apply flex items-center gap-3 px-4 py-3 rounded-xl bg-white dark:bg-surface-800 shadow-md hover:shadow-lg border border-surface-200 dark:border-surface-700 text-surface-700 dark:text-surface-200 hover:text-primary-600 dark:hover:text-primary-400 no-underline transition-all duration-150 text-sm font-medium;
   }
 
+  .fab-menu-divider {
+    @apply border-t border-surface-200 dark:border-surface-700 my-1 w-full;
+  }
+
   .admin-nav-link {
     @apply text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 no-underline transition-colors py-2 inline-flex items-center gap-1;
   }