mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-27 17:57:24 -05:00
9312fad90f
* Initial * Calendar initial * Extract EventCalendar * Events list initial * Winners * SQL fixes * List events by series * Leaderboards * Series leaderboard * Own entry peek * Edit page skeleton * RHF initial test * RHF stuff * Form etc. progress * Fix tournament series description * Fix tabs layout * Fix socials insert * Check for not removing admin * Adding series * TODOs * Allow updating org with no series * FormFieldset * Allow series without events * TextAreaFormfield accepting array syntax * Input form array field * ToggleFormField * SelectFormField * UserSearchFormField * Fetch badgeOptions * Badge editing * Progress * Use native preventScrollReset * Rename func * Fix sticky scroll * Fix translation * i18n errors * handle,meta in edit * Add ref to user search * TODOs * Done
77 lines
2.5 KiB
TypeScript
77 lines
2.5 KiB
TypeScript
import { type ActionFunction, redirect } from "@remix-run/node";
|
|
import { Form, useMatches } from "@remix-run/react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { z } from "zod";
|
|
import { FormErrors } from "~/components/FormErrors";
|
|
import { SubmitButton } from "~/components/SubmitButton";
|
|
import { requireUser } from "~/features/auth/core/user.server";
|
|
import * as UserRepository from "~/features/user-page/UserRepository.server";
|
|
import {
|
|
HIGHLIGHT_CHECKBOX_NAME,
|
|
HIGHLIGHT_TOURNAMENT_CHECKBOX_NAME,
|
|
UserResultsTable,
|
|
} from "~/features/user-page/components/UserResultsTable";
|
|
import type { UserPageLoaderData } from "~/features/user-page/routes/u.$identifier";
|
|
import { normalizeFormFieldArray } from "~/utils/arrays";
|
|
import invariant from "~/utils/invariant";
|
|
import { parseRequestPayload } from "~/utils/remix";
|
|
import { userResultsPage } from "~/utils/urls";
|
|
|
|
const editHighlightsActionSchema = z.object({
|
|
[HIGHLIGHT_CHECKBOX_NAME]: z.optional(
|
|
z.union([z.array(z.string()), z.string()]),
|
|
),
|
|
[HIGHLIGHT_TOURNAMENT_CHECKBOX_NAME]: z.optional(
|
|
z.union([z.array(z.string()), z.string()]),
|
|
),
|
|
});
|
|
|
|
export const action: ActionFunction = async ({ request }) => {
|
|
const user = await requireUser(request);
|
|
const data = await parseRequestPayload({
|
|
request,
|
|
schema: editHighlightsActionSchema,
|
|
});
|
|
|
|
const resultTeamIds = normalizeFormFieldArray(
|
|
data[HIGHLIGHT_CHECKBOX_NAME],
|
|
).map((id) => Number.parseInt(id, 10));
|
|
const resultTournamentTeamIds = normalizeFormFieldArray(
|
|
data[HIGHLIGHT_TOURNAMENT_CHECKBOX_NAME],
|
|
).map((id) => Number.parseInt(id, 10));
|
|
|
|
await UserRepository.updateResultHighlights({
|
|
userId: user.id,
|
|
resultTeamIds,
|
|
resultTournamentTeamIds,
|
|
});
|
|
|
|
throw redirect(userResultsPage(user));
|
|
};
|
|
|
|
export default function ResultHighlightsEditPage() {
|
|
const { t } = useTranslation(["common", "user"]);
|
|
const [, parentRoute] = useMatches();
|
|
|
|
invariant(parentRoute);
|
|
const userPageData = parentRoute.data as UserPageLoaderData;
|
|
|
|
return (
|
|
<Form method="post" className="stack md items-start">
|
|
<h2 className="text-start">{t("user:results.highlights.choose")}</h2>
|
|
<div className="u__results-table-wrapper">
|
|
<fieldset className="u__results-table-highlights">
|
|
<legend>{t("user:results.highlights.explanation")}</legend>
|
|
<UserResultsTable
|
|
id="user-results-highlight-selection"
|
|
results={userPageData.results}
|
|
hasHighlightCheckboxes
|
|
/>
|
|
</fieldset>
|
|
</div>
|
|
<SubmitButton>{t("common:actions.save")}</SubmitButton>
|
|
<FormErrors namespace="user" />
|
|
</Form>
|
|
);
|
|
}
|