From d58911a7e8d9640c3d8d918626cafca828dce820 Mon Sep 17 00:00:00 2001
From: Jules Neny <transformationsresilientes@gmail.com>
Date: Tue, 7 Jul 2026 17:53:26 +0200
Subject: [PATCH] feat(insta): simplifie - 2 comptes en header, Boutique seule
 en bas
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Retire les 3 onglets (trop petits, moches). Header : "Jules Neny"
(compte actif, lien direct) + "AEP" (lien direct vers @aep.politique,
pas encore de feed dédié). Bande du bas : uniquement "Boutique"
(placeholder désactivé).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/astro/ColInsta.astro |  4 +++-
 src/components/vue/InstaFeed.vue    | 31 ++++++++++++-----------------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/components/astro/ColInsta.astro b/src/components/astro/ColInsta.astro
index 58603a2..00be999 100644
--- a/src/components/astro/ColInsta.astro
+++ b/src/components/astro/ColInsta.astro
@@ -9,8 +9,10 @@ const JULESNENY_FEED = Array.from(
 <div class="h-full overflow-y-auto">
   <InstaFeed
     client:visible
-    account="@julesneny"
+    account="Jules Neny"
     accountUrl="https://www.instagram.com/julesneny/"
+    secondAccount="AEP"
+    secondAccountUrl="https://www.instagram.com/aep.politique/"
     feedImages={JULESNENY_FEED}
   />
 </div>
diff --git a/src/components/vue/InstaFeed.vue b/src/components/vue/InstaFeed.vue
index ba8eb33..8a04111 100644
--- a/src/components/vue/InstaFeed.vue
+++ b/src/components/vue/InstaFeed.vue
@@ -2,13 +2,15 @@
 defineProps<{
   account: string;
   accountUrl: string;
+  secondAccount: string;
+  secondAccountUrl: string;
   feedImages: string[]; // ordonné du plus récent (haut) au plus ancien (bas)
 }>();
 </script>
 
 <template>
   <section class="border-b border-neutral-200 last:border-b-0">
-    <header class="px-4 py-3 flex items-center justify-between">
+    <header class="px-4 py-3 flex items-center justify-between gap-3">
       <a
         :href="accountUrl"
         target="_blank"
@@ -17,6 +19,14 @@ defineProps<{
       >
         {{ account }}
       </a>
+      <a
+        :href="secondAccountUrl"
+        target="_blank"
+        rel="noopener"
+        class="font-medium text-sm text-neutral-500 hover:underline hover:text-neutral-800"
+      >
+        {{ secondAccount }}
+      </a>
     </header>
 
     <div class="insta-feed-scroll">
@@ -37,29 +47,14 @@ defineProps<{
       </a>
     </div>
 
-    <div class="flex gap-1 px-2 py-1">
-      <a
-        :href="accountUrl"
-        target="_blank"
-        rel="noopener"
-        class="flex-1 text-center px-1.5 py-1 bg-neutral-900 text-white rounded text-[10px] leading-tight"
-      >
-        Compte Insta artistique
-      </a>
+    <div class="px-4 py-2">
       <span
-        class="flex-1 text-center px-1.5 py-1 bg-neutral-200 text-neutral-400 rounded text-[10px] leading-tight cursor-not-allowed"
+        class="block text-center px-3 py-1.5 bg-neutral-200 text-neutral-400 rounded-lg text-xs cursor-not-allowed"
         aria-disabled="true"
         title="Boutique — bientôt disponible"
       >
         Boutique
       </span>
-      <span
-        class="flex-1 text-center px-1.5 py-1 bg-neutral-200 text-neutral-400 rounded text-[10px] leading-tight cursor-not-allowed"
-        aria-disabled="true"
-        title="Compte Insta politique (@aep.politique) — bientôt disponible"
-      >
-        Compte Insta politique
-      </span>
     </div>
   </section>
 </template>