simpletest/who_need_help
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align accessible UI and browser coverage

Browse Source
This commit is contained in:
SimpleTest 2026-07-22 17:20:30 +03:00
parent 3224d7d697
commit 1db67b1048
25 changed files with 65 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
e2e/tests/activity-moderation.spec.ts
View File

@ -63,12 +63,16 @@ test("activity approval, privacy controls, reporting, and moderation work end to
.getByLabel("Plan and expectations") .getByLabel("Plan and expectations")
.fill("Meet at a public café for an hour of safe conversation."); .fill("Meet at a public café for an hour of safe conversation.");
const startsAt = new Date(Date.now() + 4 * 60 * 60 * 1000).toISOString().slice(0, 16); const startsAt = new Date(Date.now() + 4 * 60 * 60 * 1000).toISOString();
const joinDeadline = new Date(Date.now() + 2 * 60 * 60 * 1000) const joinDeadline = new Date(Date.now() + 2 * 60 * 60 * 1000).toISOString();
.toISOString() const startsAtPicker = organizer.page.getByRole("group", { name: "Starts at" });
.slice(0, 16); const joinDeadlinePicker = organizer.page.getByRole("group", {
await organizer.page.getByLabel("Starts at (UTC)").fill(startsAt); name: "Join requests close",
await organizer.page.getByLabel("Join requests close (UTC)").fill(joinDeadline); });
await startsAtPicker.getByLabel("Date").fill(startsAt.slice(0, 10));
await startsAtPicker.getByLabel("Time").fill(startsAt.slice(11, 16));
await joinDeadlinePicker.getByLabel("Date").fill(joinDeadline.slice(0, 10));
await joinDeadlinePicker.getByLabel("Time").fill(joinDeadline.slice(11, 16));
await organizer.page.getByLabel("Total group capacity").fill("3"); await organizer.page.getByLabel("Total group capacity").fill("3");
await organizer.page await organizer.page
.getByLabel("Approximate public meeting area") .getByLabel("Approximate public meeting area")
@ -173,9 +177,13 @@ test("activity approval, privacy controls, reporting, and moderation work end to
await expect(socialSection.getByText("No social links added.")).toBeVisible(); await expect(socialSection.getByText("No social links added.")).toBeVisible();
await gotoLiveView(participant.page, "/requests/new"); await gotoLiveView(participant.page, "/requests/new");
await expect(participant.page.getByLabel("Location visibility")).toHaveValue( const requestVisibility = participant.page.getByRole("group", {
"exact_for_active_match", name: "What should people see?",
); });
await expect(
requestVisibility.getByRole("radio", { name: /Approximate area/ }),
).toBeChecked();
await expect(participant.page.getByText("After a helper accepts")).toBeVisible();
const adminEmail = process.env.E2E_ADMIN_EMAIL ?? "e2e-admin@example.invalid"; const adminEmail = process.env.E2E_ADMIN_EMAIL ?? "e2e-admin@example.invalid";
const admin = const admin =

8
e2e/tests/localization.spec.ts
View File

@ -12,14 +12,18 @@ test("public language selection persists across pages", async ({ browser }) => {
await page.goto("/?locale=ru"); await page.goto("/?locale=ru");
await expect(page.locator("html")).toHaveAttribute("lang", "ru"); await expect(page.locator("html")).toHaveAttribute("lang", "ru");
await expect(page.getByRole("heading", { name: "Помощь может быть ближе, чем кажется." })).toBeVisible(); await expect(
page.getByRole("heading", { name: "Нужна помощь рядом? Обратитесь к сообществу." }),
).toBeVisible();
await page.goto("/safety"); await page.goto("/safety");
await expect(page.getByRole("heading", { name: "Правила безопасности" })).toBeVisible(); await expect(page.getByRole("heading", { name: "Правила безопасности" })).toBeVisible();
await page.goto("/?locale=uk"); await page.goto("/?locale=uk");
await expect(page.locator("html")).toHaveAttribute("lang", "uk"); await expect(page.locator("html")).toHaveAttribute("lang", "uk");
await expect(page.getByRole("heading", { name: "Допомога може бути ближче, ніж здається." })).toBeVisible(); await expect(
page.getByRole("heading", { name: "Потрібна допомога поруч? Зверніться до спільноти." }),
).toBeVisible();
await context.close(); await context.close();
}); });

4
e2e/tests/public.spec.ts
View File

@ -8,11 +8,11 @@ test("public safety pages load and private discovery requires authentication", a
await page.goto("/"); await page.goto("/");
await expect( await expect(
page.getByRole("heading", { name: "Help can be closer than you think." }), page.getByRole("heading", { name: "Need help nearby? Ask the community." }),
).toBeVisible(); ).toBeVisible();
await expect(page.getByText("Not an emergency or medical service.")).toBeVisible(); await expect(page.getByText("Not an emergency or medical service.")).toBeVisible();
await page.getByRole("link", { name: "Safety rules" }).click(); await page.getByRole("link", { name: "Safety rules", exact: true }).click();
await expect(page.getByRole("heading", { name: "Safety rules" })).toBeVisible(); await expect(page.getByRole("heading", { name: "Safety rules" })).toBeVisible();
await expect(page.getByRole("heading", { name: "Medicine requests" })).toBeVisible(); await expect(page.getByRole("heading", { name: "Medicine requests" })).toBeVisible();

8
lib/who_need_help_web/components/core_components.ex
View File

@ -399,8 +399,8 @@ defmodule WhoNeedHelpWeb.CoreComponents do
|> assign(:errors, Enum.map(errors, &translate_error(&1))) |> assign(:errors, Enum.map(errors, &translate_error(&1)))
~H""" ~H"""
<div class="fieldset mb-2"> <fieldset class="fieldset mb-2">
<span class="label mb-1">{@label}</span> <legend class="label mb-1">{@label}</legend>
<div <div
id={"#{@id}-picker"} id={"#{@id}-picker"}
phx-hook="DateTimePicker" phx-hook="DateTimePicker"
@ -457,12 +457,12 @@ defmodule WhoNeedHelpWeb.CoreComponents do
{label} {label}
</button> </button>
</div> </div>
<p class="mt-2 text-xs text-base-content/55"> <p class="mt-2 text-xs text-base-content/65">
{gettext("Your time zone:")} <span data-datetime-timezone></span> {gettext("Your time zone:")} <span data-datetime-timezone></span>
</p> </p>
</div> </div>
<.error :for={msg <- @errors}>{msg}</.error> <.error :for={msg <- @errors}>{msg}</.error>
</div> </fieldset>
""" """
end end

2
lib/who_need_help_web/controllers/content_removal_html/index.html.heex
View File

@ -31,7 +31,7 @@
]}> ]}>
{status_label(notice.status)} {status_label(notice.status)}
</span> </span>
<span class="text-xs text-base-content/55">{category_label(notice.category)}</span> <span class="text-xs text-base-content/65">{category_label(notice.category)}</span>
</div> </div>
<p class="mt-3 line-clamp-2 text-sm text-base-content/70">{notice.explanation}</p> <p class="mt-3 line-clamp-2 text-sm text-base-content/70">{notice.explanation}</p>
<time class="mt-2 block text-xs text-base-content/50">{notice.inserted_at}</time> <time class="mt-2 block text-xs text-base-content/50">{notice.inserted_at}</time>

4
lib/who_need_help_web/controllers/content_removal_html/new.html.heex
View File

@ -46,7 +46,7 @@
value={@contact_email || @form[:contact_email].value} value={@contact_email || @form[:contact_email].value}
readonly={not is_nil(@contact_email)} readonly={not is_nil(@contact_email)}
/> />
<p :if={@contact_email} class="text-xs text-base-content/55"> <p :if={@contact_email} class="text-xs text-base-content/65">
{gettext("Status updates go to the email address of your signed-in account.")} {gettext("Status updates go to the email address of your signed-in account.")}
</p> </p>
<.input <.input
@ -99,7 +99,7 @@
) )
} }
/> />
<p class="text-xs text-base-content/55"> <p class="text-xs text-base-content/65">
{gettext( {gettext(
"Identity and contact fields may be omitted for reports of sexual material involving a minor. Do not include or upload the material itself." "Identity and contact fields may be omitted for reports of sexual material involving a minor. Do not include or upload the material itself."
)} )}

4
lib/who_need_help_web/controllers/content_removal_html/show.html.heex
View File

@ -18,7 +18,7 @@
</span> </span>
</div> </div>
<h1 class="mt-4 text-3xl font-black">{gettext("Content-removal notice")}</h1> <h1 class="mt-4 text-3xl font-black">{gettext("Content-removal notice")}</h1>
<p class="mt-2 text-sm text-base-content/55">{category_label(@notice.category)}</p> <p class="mt-2 text-sm text-base-content/65">{category_label(@notice.category)}</p>
<section class="mt-6 rounded-2xl bg-base-200 p-5"> <section class="mt-6 rounded-2xl bg-base-200 p-5">
<h2 class="font-bold">{gettext("Reported locations")}</h2> <h2 class="font-bold">{gettext("Reported locations")}</h2>
<ul class="mt-3 list-disc space-y-1 pl-5 text-sm"> <ul class="mt-3 list-disc space-y-1 pl-5 text-sm">
@ -37,7 +37,7 @@
<h2 class="font-bold">{gettext("Decision or request for information")}</h2> <h2 class="font-bold">{gettext("Decision or request for information")}</h2>
<p class="mt-2 whitespace-pre-wrap">{@notice.resolution_note}</p> <p class="mt-2 whitespace-pre-wrap">{@notice.resolution_note}</p>
</section> </section>
<p class="mt-5 text-xs text-base-content/55"> <p class="mt-5 text-xs text-base-content/65">
{gettext( {gettext(
"Keep this status link private. The submitter identity is not shown publicly or automatically disclosed to the person who posted the reported content." "Keep this status link private. The submitter identity is not shown publicly or automatically disclosed to the person who posted the reported content."
)} )}

2
lib/who_need_help_web/controllers/content_removal_html/take_it_down.html.heex
View File

@ -43,7 +43,7 @@
readonly={not is_nil(@contact_email)} readonly={not is_nil(@contact_email)}
required required
/> />
<p :if={@contact_email} class="text-xs text-base-content/55"> <p :if={@contact_email} class="text-xs text-base-content/65">
{gettext("Status updates go to the email address of your signed-in account.")} {gettext("Status updates go to the email address of your signed-in account.")}
</p> </p>
<.input <.input

2
lib/who_need_help_web/controllers/page_html/home.html.heex
View File

@ -78,7 +78,7 @@
<div class="mt-7 flex items-center justify-between gap-4 border-t border-base-300 pt-5"> <div class="mt-7 flex items-center justify-between gap-4 border-t border-base-300 pt-5">
<div> <div>
<div class="text-sm font-semibold">{gettext("Approximate area")}</div> <div class="text-sm font-semibold">{gettext("Approximate area")}</div>
<div class="text-xs text-base-content/55"> <div class="text-xs text-base-content/65">
{gettext("Exact address after matching")} {gettext("Exact address after matching")}
</div> </div>
</div> </div>

2
lib/who_need_help_web/controllers/support_html/delete_account.html.heex
View File

@ -28,7 +28,7 @@
readonly={not is_nil(@contact_email)} readonly={not is_nil(@contact_email)}
required required
/> />
<p :if={@contact_email} class="text-xs text-base-content/55"> <p :if={@contact_email} class="text-xs text-base-content/65">
{gettext("This request is linked to your signed-in account and its email address.")} {gettext("This request is linked to your signed-in account and its email address.")}
</p> </p>
<.input <.input

2
lib/who_need_help_web/controllers/support_html/index.html.heex
View File

@ -17,7 +17,7 @@
<div class="flex flex-wrap items-center gap-2"> <div class="flex flex-wrap items-center gap-2">
<span class="badge badge-outline">{request.reference}</span> <span class="badge badge-outline">{request.reference}</span>
<span class="badge badge-primary">{status_label(request.status)}</span> <span class="badge badge-primary">{status_label(request.status)}</span>
<span class="text-xs text-base-content/55">{kind_label(request.kind)}</span> <span class="text-xs text-base-content/65">{kind_label(request.kind)}</span>
</div> </div>
<h2 class="mt-3 font-bold">{request.subject}</h2> <h2 class="mt-3 font-bold">{request.subject}</h2>
<time class="mt-1 block text-xs text-base-content/50">{request.inserted_at}</time> <time class="mt-1 block text-xs text-base-content/50">{request.inserted_at}</time>

4
lib/who_need_help_web/controllers/support_html/new.html.heex
View File

@ -48,7 +48,7 @@
readonly={not is_nil(@contact_email)} readonly={not is_nil(@contact_email)}
required required
/> />
<p :if={@contact_email} class="text-xs text-base-content/55"> <p :if={@contact_email} class="text-xs text-base-content/65">
{gettext( {gettext(
"This request is linked to your signed-in account. Replies go to its email address." "This request is linked to your signed-in account. Replies go to its email address."
)} )}
@ -60,7 +60,7 @@
label={gettext("Describe the problem")} label={gettext("Describe the problem")}
required required
/> />
<p class="text-xs text-base-content/55"> <p class="text-xs text-base-content/65">
{gettext( {gettext(
"Do not include passwords, payment card details, access codes, prescriptions, or unnecessary medical information." "Do not include passwords, payment card details, access codes, prescriptions, or unnecessary medical information."
)} )}

4
lib/who_need_help_web/controllers/support_html/show.html.heex
View File

@ -5,7 +5,7 @@
<span class="badge badge-primary">{status_label(@request.status)}</span> <span class="badge badge-primary">{status_label(@request.status)}</span>
</div> </div>
<h1 class="mt-4 text-3xl font-black">{@request.subject}</h1> <h1 class="mt-4 text-3xl font-black">{@request.subject}</h1>
<p class="mt-2 text-sm text-base-content/55">{kind_label(@request.kind)}</p> <p class="mt-2 text-sm text-base-content/65">{kind_label(@request.kind)}</p>
<div class="mt-6 rounded-2xl bg-base-200 p-5"> <div class="mt-6 rounded-2xl bg-base-200 p-5">
<p class="whitespace-pre-wrap">{@request.details}</p> <p class="whitespace-pre-wrap">{@request.details}</p>
</div> </div>
@ -16,7 +16,7 @@
<h2 class="font-bold">{gettext("Support response")}</h2> <h2 class="font-bold">{gettext("Support response")}</h2>
<p class="mt-2 whitespace-pre-wrap">{@request.resolution_note}</p> <p class="mt-2 whitespace-pre-wrap">{@request.resolution_note}</p>
</section> </section>
<p class="mt-5 text-xs text-base-content/55"> <p class="mt-5 text-xs text-base-content/65">
{gettext( {gettext(
"Keep this status link private. A copy is sent to the contact email when email delivery is configured." "Keep this status link private. A copy is sent to the contact email when email delivery is configured."
)} )}

2
lib/who_need_help_web/controllers/user_registration_html/new.html.heex
View File

@ -56,7 +56,7 @@
label={gettext("Sign up with Google")} label={gettext("Sign up with Google")}
disabled={!@google_auth_enabled} disabled={!@google_auth_enabled}
/> />
<p :if={!@google_auth_enabled} class="text-center text-xs text-base-content/55"> <p :if={!@google_auth_enabled} class="text-center text-xs text-base-content/65">
{gettext("Google sign-in will be available after the operator configures it.")} {gettext("Google sign-in will be available after the operator configures it.")}
</p> </p>
</.form> </.form>

2
lib/who_need_help_web/controllers/user_session_html/new.html.heex
View File

@ -79,7 +79,7 @@
label={gettext("Continue with Google")} label={gettext("Continue with Google")}
disabled={!@google_auth_enabled} disabled={!@google_auth_enabled}
/> />
<p :if={!@google_auth_enabled} class="mt-2 text-center text-xs text-base-content/55"> <p :if={!@google_auth_enabled} class="mt-2 text-center text-xs text-base-content/65">
{gettext("Google sign-in will be available after the operator configures it.")} {gettext("Google sign-in will be available after the operator configures it.")}
</p> </p>
</.form> </.form>

2
lib/who_need_help_web/controllers/user_settings_html/edit.html.heex
View File

@ -49,7 +49,7 @@
label={gettext("Connect Google account")} label={gettext("Connect Google account")}
disabled={!@google_auth_enabled} disabled={!@google_auth_enabled}
/> />
<p :if={!@google_auth_enabled} class="mt-2 text-center text-xs text-base-content/55"> <p :if={!@google_auth_enabled} class="mt-2 text-center text-xs text-base-content/65">
{gettext("Google sign-in will be available after the operator configures it.")} {gettext("Google sign-in will be available after the operator configures it.")}
</p> </p>
</.form> </.form>

2
lib/who_need_help_web/live/activity_live/index.ex
View File

@ -254,7 +254,7 @@ defmodule WhoNeedHelpWeb.ActivityLive.Index do
</div> </div>
<.icon name="hero-chevron-right" class="mt-2 size-5 shrink-0" /> <.icon name="hero-chevron-right" class="mt-2 size-5 shrink-0" />
</div> </div>
<div class="mt-5 flex flex-wrap gap-x-5 gap-y-2 border-t border-base-300 pt-4 text-xs text-base-content/55"> <div class="mt-5 flex flex-wrap gap-x-5 gap-y-2 border-t border-base-300 pt-4 text-xs text-base-content/65">
<span>📍 {activity.location_label}</span> <span>📍 {activity.location_label}</span>
<span>🕒 {Calendar.strftime(activity.starts_at, "%d.%m.%Y, %H:%M UTC")}</span> <span>🕒 {Calendar.strftime(activity.starts_at, "%d.%m.%Y, %H:%M UTC")}</span>
<span> <span>

2
lib/who_need_help_web/live/category_proposal_live.ex
View File

@ -170,7 +170,7 @@ defmodule WhoNeedHelpWeb.CategoryProposalLive do
<div class="mt-5 space-y-3"> <div class="mt-5 space-y-3">
<div <div
:if={@proposals == []} :if={@proposals == []}
class="rounded-2xl border border-dashed p-8 text-center text-base-content/55" class="rounded-2xl border border-dashed p-8 text-center text-base-content/65"
> >
{gettext("No proposals yet.")} {gettext("No proposals yet.")}
</div> </div>

2
lib/who_need_help_web/live/leaderboard_live.ex
View File

@ -62,7 +62,7 @@ defmodule WhoNeedHelpWeb.LeaderboardLive do
</thead> </thead>
<tbody> <tbody>
<tr :if={@leaders == []}> <tr :if={@leaders == []}>
<td colspan="7" class="py-10 text-center text-base-content/55"> <td colspan="7" class="py-10 text-center text-base-content/65">
{gettext("No completed help yet.")} {gettext("No completed help yet.")}
</td> </td>
</tr> </tr>

2
lib/who_need_help_web/live/moderation_live.ex
View File

@ -434,7 +434,7 @@ defmodule WhoNeedHelpWeb.ModerationLive do
<div class="font-semibold"> <div class="font-semibold">
{signal_label(signal.kind)} · {signal.subject.display_name} {signal_label(signal.kind)} · {signal.subject.display_name}
</div> </div>
<p class="mt-1 text-xs text-base-content/55"> <p class="mt-1 text-xs text-base-content/65">
{gettext( {gettext(
"A signal requests human review; optional tracking absence is not proof of abuse." "A signal requests human review; optional tracking absence is not proof of abuse."
)} )}

10
lib/who_need_help_web/live/profile_live.ex
View File

@ -174,7 +174,7 @@ defmodule WhoNeedHelpWeb.ProfileLive do
label={gettext("Optional external thank-you link")} label={gettext("Optional external thank-you link")}
placeholder="https://…" placeholder="https://…"
/> />
<p class="text-xs text-base-content/55"> <p class="text-xs text-base-content/65">
{gettext("The platform never handles, requires, splits, or guarantees a payment.")} {gettext("The platform never handles, requires, splits, or guarantees a payment.")}
</p> </p>
<.button class="btn btn-primary w-full">{gettext("Save profile")}</.button> <.button class="btn btn-primary w-full">{gettext("Save profile")}</.button>
@ -208,7 +208,7 @@ defmodule WhoNeedHelpWeb.ProfileLive do
</div> </div>
<div class="rounded-3xl bg-base-200 p-5"> <div class="rounded-3xl bg-base-200 p-5">
<h3 class="font-bold">{gettext("Visible reviews")}</h3> <h3 class="font-bold">{gettext("Visible reviews")}</h3>
<p :if={@reviews == []} class="mt-3 text-sm text-base-content/55"> <p :if={@reviews == []} class="mt-3 text-sm text-base-content/65">
{gettext("None revealed yet.")} {gettext("None revealed yet.")}
</p> </p>
<div :for={review <- @reviews} class="mt-3 border-t border-base-300 pt-3 text-sm"> <div :for={review <- @reviews} class="mt-3 border-t border-base-300 pt-3 text-sm">
@ -239,7 +239,7 @@ defmodule WhoNeedHelpWeb.ProfileLive do
<div class="flex flex-wrap items-start justify-between gap-3"> <div class="flex flex-wrap items-start justify-between gap-3">
<div> <div>
<h2 class="text-xl font-bold">{gettext("Social links")}</h2> <h2 class="text-xl font-bold">{gettext("Social links")}</h2>
<p class="mt-1 text-sm text-base-content/55"> <p class="mt-1 text-sm text-base-content/65">
{gettext( {gettext(
"Manually added links are public and marked unverified. A verified badge is only granted after completing a provider authorization flow." "Manually added links are public and marked unverified. A verified badge is only granted after completing a provider authorization flow."
)} )}
@ -265,7 +265,7 @@ defmodule WhoNeedHelpWeb.ProfileLive do
<div class="mt-5 grid gap-4 md:grid-cols-[1fr_.9fr]"> <div class="mt-5 grid gap-4 md:grid-cols-[1fr_.9fr]">
<div class="space-y-3"> <div class="space-y-3">
<p :if={@social_identities == []} class="text-sm text-base-content/55"> <p :if={@social_identities == []} class="text-sm text-base-content/65">
{gettext("No social links added.")} {gettext("No social links added.")}
</p> </p>
<div <div
@ -337,7 +337,7 @@ defmodule WhoNeedHelpWeb.ProfileLive do
<section class="mt-6 rounded-3xl border border-base-300 p-6"> <section class="mt-6 rounded-3xl border border-base-300 p-6">
<h2 class="text-xl font-bold">{gettext("Blocked users")}</h2> <h2 class="text-xl font-bold">{gettext("Blocked users")}</h2>
<p :if={@blocks == []} class="mt-3 text-sm text-base-content/55"> <p :if={@blocks == []} class="mt-3 text-sm text-base-content/65">
{gettext("You have not blocked anyone.")} {gettext("You have not blocked anyone.")}
</p> </p>
<div <div

10
lib/who_need_help_web/live/public_profile_live.ex
View File

@ -67,18 +67,18 @@ defmodule WhoNeedHelpWeb.PublicProfileLive do
<p :if={@user.bio not in [nil, ""]} class="mt-4 whitespace-pre-wrap text-base-content/70"> <p :if={@user.bio not in [nil, ""]} class="mt-4 whitespace-pre-wrap text-base-content/70">
{@user.bio} {@user.bio}
</p> </p>
<p :if={@user.bio in [nil, ""]} class="mt-4 text-sm text-base-content/55"> <p :if={@user.bio in [nil, ""]} class="mt-4 text-sm text-base-content/65">
{gettext("This person has not added a public bio yet.")} {gettext("This person has not added a public bio yet.")}
</p> </p>
<div class="mt-7"> <div class="mt-7">
<h2 class="text-xl font-bold">{gettext("Public social links")}</h2> <h2 class="text-xl font-bold">{gettext("Public social links")}</h2>
<p class="mt-1 text-sm text-base-content/55"> <p class="mt-1 text-sm text-base-content/65">
{gettext( {gettext(
"A verified badge means the account completed that provider's authorization flow. Manually added links remain unverified." "A verified badge means the account completed that provider's authorization flow. Manually added links remain unverified."
)} )}
</p> </p>
<p :if={@user.social_identities == []} class="mt-4 text-sm text-base-content/55"> <p :if={@user.social_identities == []} class="mt-4 text-sm text-base-content/65">
{gettext("No public social links added.")} {gettext("No public social links added.")}
</p> </p>
<div class="mt-4 flex flex-wrap gap-3"> <div class="mt-4 flex flex-wrap gap-3">
@ -144,10 +144,10 @@ defmodule WhoNeedHelpWeb.PublicProfileLive do
<section class="rounded-3xl border border-base-300 p-6"> <section class="rounded-3xl border border-base-300 p-6">
<h2 class="text-xl font-bold">{gettext("Revealed reviews")}</h2> <h2 class="text-xl font-bold">{gettext("Revealed reviews")}</h2>
<p class="mt-1 text-sm text-base-content/55"> <p class="mt-1 text-sm text-base-content/65">
{gettext("A review becomes public only after both people submit for that match.")} {gettext("A review becomes public only after both people submit for that match.")}
</p> </p>
<p :if={@reviews == []} class="mt-4 text-sm text-base-content/55"> <p :if={@reviews == []} class="mt-4 text-sm text-base-content/65">
{gettext("None revealed yet.")} {gettext("None revealed yet.")}
</p> </p>
<article :for={review <- @reviews} class="mt-4 border-t border-base-300 pt-4 text-sm"> <article :for={review <- @reviews} class="mt-4 border-t border-base-300 pt-4 text-sm">

2
lib/who_need_help_web/live/request_live/index.ex
View File

@ -465,7 +465,7 @@ defmodule WhoNeedHelpWeb.RequestLive.Index do
</div> </div>
<.icon name="hero-chevron-right" class="mt-2 size-5 shrink-0" /> <.icon name="hero-chevron-right" class="mt-2 size-5 shrink-0" />
</div> </div>
<div class="mt-4 flex flex-wrap items-center gap-x-5 gap-y-2 border-t border-base-300 pt-4 text-xs text-base-content/55"> <div class="mt-4 flex flex-wrap items-center gap-x-5 gap-y-2 border-t border-base-300 pt-4 text-xs text-base-content/65">
<span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1.5">
<.icon name="hero-map-pin" class="size-4" /> {request.location_label} <.icon name="hero-map-pin" class="size-4" /> {request.location_label}
</span> </span>

4
lib/who_need_help_web/live/request_live/show.ex
View File

@ -1309,7 +1309,7 @@ defmodule WhoNeedHelpWeb.RequestLive.Show do
class="rounded-3xl border border-base-300 p-5" class="rounded-3xl border border-base-300 p-5"
> >
<h3 class="font-bold">{gettext("Live location")}</h3> <h3 class="font-bold">{gettext("Live location")}</h3>
<p class="mt-2 text-xs text-base-content/55"> <p class="mt-2 text-xs text-base-content/65">
{gettext( {gettext(
"In a browser this works only while the page remains open. The Android app shows a persistent notification and can continue after it is minimized. Raw coordinates are removed when sharing stops." "In a browser this works only while the page remains open. The Android app shows a persistent notification and can continue after it is minimized. Raw coordinates are removed when sharing stops."
)} )}
@ -1335,7 +1335,7 @@ defmodule WhoNeedHelpWeb.RequestLive.Show do
<div :if={@other_user_id} class="rounded-3xl border border-base-300 p-5"> <div :if={@other_user_id} class="rounded-3xl border border-base-300 p-5">
<h3 class="font-bold">{gettext("Safety controls")}</h3> <h3 class="font-bold">{gettext("Safety controls")}</h3>
<p class="mt-2 text-xs text-base-content/55"> <p class="mt-2 text-xs text-base-content/65">
{gettext( {gettext(
"Reports go to moderators. Blocking hides requests in both directions and prevents new chat messages." "Reports go to moderators. Blocking hides requests in both directions and prevents new chat messages."
)} )}

6
lib/who_need_help_web/live/support_operations_live.ex
View File

@ -149,7 +149,7 @@ defmodule WhoNeedHelpWeb.SupportOperationsLive do
<span :if={is_nil(notice.contact_verified_at)} class="badge badge-warning"> <span :if={is_nil(notice.contact_verified_at)} class="badge badge-warning">
{gettext("contact unverified")} {gettext("contact unverified")}
</span> </span>
<span class="text-xs text-base-content/55">{removal_category(notice.category)}</span> <span class="text-xs text-base-content/65">{removal_category(notice.category)}</span>
<span :if={notice.response_due_at} class="badge badge-error badge-outline"> <span :if={notice.response_due_at} class="badge badge-error badge-outline">
{gettext("review by %{time}", time: notice.response_due_at)} {gettext("review by %{time}", time: notice.response_due_at)}
</span> </span>
@ -234,10 +234,10 @@ defmodule WhoNeedHelpWeb.SupportOperationsLive do
<span :if={is_nil(request.contact_verified_at)} class="badge badge-warning"> <span :if={is_nil(request.contact_verified_at)} class="badge badge-warning">
{gettext("contact unverified")} {gettext("contact unverified")}
</span> </span>
<span class="text-xs text-base-content/55">{support_kind(request.kind)}</span> <span class="text-xs text-base-content/65">{support_kind(request.kind)}</span>
</div> </div>
<h3 class="mt-3 font-bold">{request.subject}</h3> <h3 class="mt-3 font-bold">{request.subject}</h3>
<p class="mt-1 text-xs text-base-content/55">{request.contact_email}</p> <p class="mt-1 text-xs text-base-content/65">{request.contact_email}</p>
<p class="mt-3 whitespace-pre-wrap text-sm">{request.details}</p> <p class="mt-3 whitespace-pre-wrap text-sm">{request.details}</p>
<.form <.form
for={form} for={form}