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"> <div class="h-full overflow-y-auto">
<InstaFeed <InstaFeed
client:visible client:visible
account="@julesneny" account="Jules Neny"
accountUrl="https://www.instagram.com/julesneny/" accountUrl="https://www.instagram.com/julesneny/"
secondAccount="AEP"
secondAccountUrl="https://www.instagram.com/aep.politique/"
feedImages={JULESNENY_FEED} feedImages={JULESNENY_FEED}
/> />
</div> </div>

View File

@@ -2,13 +2,15 @@
defineProps<{ defineProps<{
account: string; account: string;
accountUrl: string; accountUrl: string;
secondAccount: string;
secondAccountUrl: string;
feedImages: string[]; // ordonné du plus récent (haut) au plus ancien (bas) feedImages: string[]; // ordonné du plus récent (haut) au plus ancien (bas)
}>(); }>();
</script> </script>
<template> <template>
<section class="border-b border-neutral-200 last:border-b-0"> <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 <a
:href="accountUrl" :href="accountUrl"
target="_blank" target="_blank"
@@ -17,6 +19,14 @@ defineProps<{
> >
{{ account }} {{ account }}
</a> </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> </header>
<div class="insta-feed-scroll"> <div class="insta-feed-scroll">
@@ -37,29 +47,14 @@ defineProps<{
</a> </a>
</div> </div>
<div class="flex gap-1 px-2 py-1"> <div class="px-4 py-2">
<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>
<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" 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" aria-disabled="true"
title="Boutique — bientôt disponible" title="Boutique — bientôt disponible"
> >
Boutique Boutique
</span> </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> </div>
</section> </section>
</template> </template>