feat(listings): improve mirrored stub UX and port phillip addresses (#116)

Combine street and suburb in Port Phillip About text, align prod migration
timestamps, remove stub header lozenge, hide claim CTA on mirrored listings,
and shorten open-data trust copy.

Author: dnywh

messages/de.json

@@ -480,7 +480,7 @@
       "signInForPhotos": "<link>Melde dich an</link>, um die Fotos dieses Gastgebers zu sehen.",
       "ownerNote": "Dies ist dein eigener Eintrag{stub, select, true {, als Stub markiert} other {}}. {visibility, select, true {Sieht gut aus!} other {Du hast ihn von der Karte ausgeblendet, daher kannst im Moment nur du ihn sehen.}}",
       "stubNote": "Dies ist ein Stub, der vom Peels-Team erstellt wurde. Prüfe die Angaben im Eintrag, bevor du vorbeischaust.",
-      "stubMirroredNote": "Dieser Eintrag spiegelt offizielle öffentliche Daten wider und wird nicht von einer Peels-Gastgeberin oder einem Peels-Gastgeber verwaltet. Öffnungszeiten und angenommene Materialien können sich ändern. Prüfe alles, bevor du vorbeischaust.",
+      "stubMirroredNote": "Dieser Eintrag stammt aus offiziellen öffentlichen Daten. Öffnungszeiten und angenommene Materialien können sich ändern. Prüfe alles, bevor du vorbeischaust.",
       "stubClaim": "Bist du die Eigentümerin oder der Eigentümer? <link>Kontaktiere uns</link>, um diesen Eintrag zu beanspruchen oder Änderungen anzufordern.",
       "firstTime": "Zum ersten Mal hier? <link>Registrieren</link>",
       "residentOf": "Bewohner von {area}",

messages/en.json

@@ -480,7 +480,7 @@
       "signInForPhotos": "<link>Sign in</link> to see this host’s photos.",
       "ownerNote": "This is your own listing{stub, select, true {, marked as a stub} other {}}. {visibility, select, true {Lookin’ good!} other {You’ve hidden it from the map, so only you can see this right now.}}",
       "stubNote": "This is a stub created by the Peels team. Double-check the listing information before visiting.",
-      "stubMirroredNote": "This listing is mirrored from official public data and is not managed by a Peels host. Hours and accepted items can change. Double-check before you visit.",
+      "stubMirroredNote": "This listing comes from official public data. Hours and accepted items can change. Double-check before you visit.",
       "stubClaim": "Are you the owner? <link>Reach out</link> to claim this listing or to request changes.",
       "firstTime": "First time here? <link>Sign up</link>",
       "residentOf": "Resident of {area}",

messages/es.json

@@ -480,7 +480,7 @@
       "signInForPhotos": "<link>Inicia sesión</link> para ver las fotos de esta persona anfitriona.",
       "ownerNote": "Este es tu propio anuncio{stub, select, true {, marcado como ficha preliminar} other {}}. {visibility, select, true {¡Se ve bien!} other {Lo ocultaste del mapa, así que solo tú puedes verlo ahora.}}",
       "stubNote": "Esta es una ficha preliminar creada por el equipo de Peels. Revisa la información del anuncio antes de visitar.",
-      "stubMirroredNote": "Este anuncio refleja datos públicos oficiales y no está gestionado por un anfitrión de Peels. Los horarios y los artículos aceptados pueden cambiar. Revísalo antes de visitar.",
+      "stubMirroredNote": "Este anuncio procede de datos públicos oficiales. Los horarios y los artículos aceptados pueden cambiar. Revísalo antes de visitar.",
       "stubClaim": "¿Eres el propietario? <link>Contáctanos</link> para reclamar este anuncio o pedir cambios.",
       "firstTime": "¿Primera vez por aquí? <link>Regístrate</link>",
       "residentOf": "Residente de {area}",

messages/fr.json

@@ -480,7 +480,7 @@
       "signInForPhotos": "<link>Connectez-vous</link> pour voir les photos de cette personne hôte.",
       "ownerNote": "C’est votre propre annonce{stub, select, true {, marquée comme brouillon} other {}}. {visibility, select, true {Tout va bien !} other {Vous l’avez masquée de la carte, donc vous seul pouvez la voir pour le moment.}}",
       "stubNote": "Ceci est un brouillon créé par l’équipe Peels. Vérifiez bien les informations avant de vous déplacer.",
-      "stubMirroredNote": "Cette annonce reprend des données publiques officielles et n’est pas gérée par un hôte Peels. Les horaires et les articles acceptés peuvent changer. Vérifiez avant de vous déplacer.",
+      "stubMirroredNote": "Cette annonce provient de données publiques officielles. Les horaires et les articles acceptés peuvent changer. Vérifiez avant de vous déplacer.",
       "stubClaim": "Vous êtes la personne responsable ? <link>Contactez-nous</link> pour revendiquer cette annonce ou demander des modifications.",
       "firstTime": "Première visite ici ? <link>Inscrivez-vous</link>",
       "residentOf": "Habite à {area}",

messages/pt-BR.json

@@ -480,7 +480,7 @@
       "signInForPhotos": "<link>Entre</link> para ver as fotos desta pessoa anfitriã.",
       "ownerNote": "Este é o seu próprio anúncio{stub, select, true {, marcado como rascunho} other {}}. {visibility, select, true {Está com tudo certo!} other {Você o ocultou do mapa, então só você consegue vê-lo agora.}}",
       "stubNote": "Este é um rascunho criado pela equipe do Peels. Confira as informações antes de visitar.",
-      "stubMirroredNote": "Este anúncio espelha dados públicos oficiais e não é gerenciado por um anfitrião do Peels. Horários e itens aceitos podem mudar. Confira tudo antes de visitar.",
+      "stubMirroredNote": "Este anúncio vem de dados públicos oficiais. Horários e itens aceitos podem mudar. Confira tudo antes de visitar.",
       "stubClaim": "Você é a pessoa responsável? <link>Fale conosco</link> para reivindicar este anúncio ou pedir alterações.",
       "firstTime": "Primeira vez por aqui? <link>Cadastre-se</link>",
       "residentOf": "Morador(a) de {area}",

src/components/ListingCta/ListingCta.tsx

@@ -77,15 +77,17 @@ function ListingCta({
               ? t("Listings.read.stubMirroredNote")
               : t("Listings.read.stubNote")}
           </p>
-          <p>
-            {t.rich("Listings.read.stubClaim", {
-              link: (chunks) => (
-                <EncodedEmailLink address={siteConfig.encodedEmail.team}>
-                  {chunks}
-                </EncodedEmailLink>
-              ),
-            })}
-          </p>
+          {!isOpenDataMirrored && (
+            <p>
+              {t.rich("Listings.read.stubClaim", {
+                link: (chunks) => (
+                  <EncodedEmailLink address={siteConfig.encodedEmail.team}>
+                    {chunks}
+                  </EncodedEmailLink>
+                ),
+              })}
+            </p>
+          )}
         </Text>
       </StyledListingCta>
     );

src/components/ListingHeader/ListingHeader.tsx

@@ -1,7 +1,6 @@
 import { getListingAvatar } from "@/utils/listingUtils";
 
 import Avatar from "@/components/Avatar";
-import Lozenge from "@/components/Lozenge";
 
 import { css, styled } from "next-yak";
 import { theme } from "@/styles/theme.yak";
@@ -114,10 +113,6 @@ const TitleBlock = styled.div<{ $presentation?: ListingHeaderPresentation }>`
   ${({ $presentation }) => $presentation === "full" && fullTitleBlockStyles}
 `;
 
-const StyledLozenge = styled(Lozenge)`
-  margin-left: -0.025rem;
-`;
-
 function ListingHeader({
   presentation,
   listing,
@@ -185,7 +180,6 @@ function ListingHeader({
             )}
           </p>
         )}
-        {listing?.is_stub && <StyledLozenge>{t("Common.stub")}</StyledLozenge>}
       </TitleBlock>
     </StyledListingHeader>
   );

src/lib/open-data/port-phillip-fogo.test.ts

@@ -74,8 +74,11 @@ test("mapPortPhillipFogoListing builds About blocks and FOGO programme chips", (
   assert.equal(listing.areaName, "Albert Park");
   assert.equal(listing.countryCode, "AU");
   assert.equal(listing.useSourceAvatar, true);
-  assert.match(listing.description, /\*\*Address:\*\*\n9 Little Finlay St/);
-  assert.match(listing.description, /\*\*Suburb:\*\*\nAlbert Park/);
+  assert.match(
+    listing.description,
+    /\*\*Address:\*\*\n9 Little Finlay St,\nAlbert Park/
+  );
+  assert.doesNotMatch(listing.description, /\*\*Suburb:\*\*/);
   assert.match(
     listing.description,
     /\*\*Collection location:\*\*\nMoubray Lane Side/

supabase/functions/_shared/open-data/port-phillip-fogo.ts

@@ -103,11 +103,14 @@ function labeledBlock(label: string, value: string | null): string | null {
 
 function buildDescription(record: PortPhillipFogoRecord): string {
   const streetParts = [record.streetNumber, record.streetName].filter(Boolean);
-  const streetAddress = streetParts.length > 0 ? streetParts.join(" ") : null;
+  const streetLine = streetParts.length > 0 ? streetParts.join(" ") : null;
+  const address =
+    streetLine && record.suburb
+      ? `${streetLine},\n${record.suburb}`
+      : (streetLine ?? record.suburb);
 
   return [
-    labeledBlock("Address", streetAddress),
-    labeledBlock("Suburb", record.suburb),
+    labeledBlock("Address", address),
     labeledBlock("Collection location", record.collectionLocation),
     labeledBlock(
       "Notes",

supabase/migrations/20260831052732_port_phillip_open_data_source.sql

@@ -0,0 +1,34 @@
+insert into public.open_data_sources (
+  id,
+  name,
+  source_name,
+  source_url,
+  source_type,
+  api_url,
+  mapper_id,
+  sync_cron,
+  default_avatar,
+  default_import_mode
+)
+values (
+  'port-phillip-fogo-communal',
+  'City of Port Phillip communal FOGO bins',
+  'City of Port Phillip',
+  'https://www.portphillip.vic.gov.au/council-services/waste-recycling-and-rubbish/communal-glass-recycling-and-fogo-recycling-hubs',
+  'manual_file',
+  null,
+  'port-phillip-fogo-v1',
+  null,
+  'stubs/city-of-port-phillip.jpg',
+  'complete_snapshot'
+)
+on conflict (id) do update set
+  name = excluded.name,
+  source_name = excluded.source_name,
+  source_url = excluded.source_url,
+  source_type = excluded.source_type,
+  api_url = excluded.api_url,
+  mapper_id = excluded.mapper_id,
+  sync_cron = excluded.sync_cron,
+  default_avatar = excluded.default_avatar,
+  default_import_mode = excluded.default_import_mode;