feat(insta): simplifie - 2 comptes en header, Boutique seule en bas

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>
This commit is contained in:
Jules Neny
2026-07-07 17:53:26 +02:00
parent 5a4a8fbc2b
commit d58911a7e8
2 changed files with 16 additions and 19 deletions

View File

@@ -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>

View File

@@ -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>