;
+ chatNameColor: string | null;
+ vc: Tables["User"]["vc"];
+ languages: string[];
+ skillDifference?: UserSkillDifference;
+ privateNote: Pick<
+ Tables["PrivateUserNote"],
+ "sentiment" | "text" | "updatedAt"
+ > | null;
+ }>;
+}
+
+export async function findGroupById({
+ loggedInUserId,
+ groupId,
+}: {
+ groupId: number;
+ loggedInUserId?: number;
+}) {
+ const row = await db
+ .selectFrom("Group")
+ .innerJoin("GroupMatch", (join) =>
+ join.on((eb) =>
+ eb.or([
+ eb("GroupMatch.alphaGroupId", "=", eb.ref("Group.id")),
+ eb("GroupMatch.bravoGroupId", "=", eb.ref("Group.id")),
+ ]),
+ ),
+ )
+ .select(({ eb }) => [
+ "Group.id",
+ "Group.chatCode",
+ "GroupMatch.memento",
+ jsonObjectFrom(
+ eb
+ .selectFrom("AllTeam")
+ .leftJoin(
+ "UserSubmittedImage",
+ "AllTeam.avatarImgId",
+ "UserSubmittedImage.id",
+ )
+ .select([
+ "AllTeam.name",
+ "AllTeam.customUrl",
+ "UserSubmittedImage.url as avatarUrl",
+ ])
+ .where("AllTeam.id", "=", eb.ref("Group.teamId")),
+ ).as("team"),
+ jsonArrayFrom(
+ eb
+ .selectFrom("GroupMember")
+ .innerJoin("User", "User.id", "GroupMember.userId")
+ .select((arrayEb) => [
+ ...COMMON_USER_FIELDS,
+ "GroupMember.role",
+ "User.inGameName",
+ "User.vc",
+ "User.languages",
+ "User.qWeaponPool as weapons",
+ jsonObjectFrom(
+ eb
+ .selectFrom("PrivateUserNote")
+ .select([
+ "PrivateUserNote.sentiment",
+ "PrivateUserNote.text",
+ "PrivateUserNote.updatedAt",
+ ])
+ .where("authorId", "=", loggedInUserId ?? -1)
+ .where("targetId", "=", arrayEb.ref("User.id")),
+ ).as("privateNote"),
+ sql<
+ string | null
+ >`IIF(COALESCE("User"."patronTier", 0) >= 2, "User"."css" ->> 'chat', null)`.as(
+ "chatNameColor",
+ ),
+ ])
+ .where("GroupMember.groupId", "=", groupId)
+ .orderBy("GroupMember.userId asc"),
+ ).as("members"),
+ ])
+ .where("Group.id", "=", groupId)
+ .executeTakeFirst();
+
+ if (!row) return null;
+
+ return {
+ id: row.id,
+ chatCode: row.chatCode,
+ tier: row.memento?.groups[row.id]?.tier,
+ skillDifference: row.memento?.groups[row.id]?.skillDifference,
+ team: row.team,
+ members: row.members.map((m) => ({
+ ...m,
+ languages: m.languages ? m.languages.split(",") : [],
+ plusTier: row.memento?.users[m.id]?.plusTier,
+ skill: row.memento?.users[m.id]?.skill,
+ skillDifference: row.memento?.users[m.id]?.skillDifference,
+ })),
+ } as GroupForMatch;
+}
diff --git a/app/features/sendouq-match/components/AddPrivateNoteDialog.tsx b/app/features/sendouq-match/components/AddPrivateNoteDialog.tsx
new file mode 100644
index 000000000..9ee35fbda
--- /dev/null
+++ b/app/features/sendouq-match/components/AddPrivateNoteDialog.tsx
@@ -0,0 +1,135 @@
+import { useFetcher } from "@remix-run/react";
+import { Dialog } from "~/components/Dialog";
+import * as React from "react";
+import { Label } from "~/components/Label";
+import { SENDOUQ } from "~/features/sendouq/q-constants";
+import { SubmitButton } from "~/components/SubmitButton";
+import { FormMessage } from "~/components/FormMessage";
+import { preferenceEmojiUrl } from "~/utils/urls";
+import { useTranslation } from "~/hooks/useTranslation";
+import { Button } from "~/components/Button";
+import { CrossIcon } from "~/components/icons/Cross";
+import type { GroupForMatch } from "../QMatchRepository.server";
+import type { Tables } from "~/db/tables";
+
+export function AddPrivateNoteDialog({
+ aboutUser,
+ close,
+}: {
+ aboutUser?: Pick<
+ GroupForMatch["members"][number],
+ "id" | "discordName" | "privateNote"
+ >;
+ close: () => void;
+}) {
+ const { t } = useTranslation(["q", "common"]);
+ const fetcher = useFetcher();
+
+ if (!aboutUser) return null;
+
+ return (
+
+ );
+}
+
+function Sentiment({
+ initialValue,
+}: {
+ initialValue?: Tables["PrivateUserNote"]["sentiment"];
+}) {
+ const { t } = useTranslation(["q"]);
+ const [sentiment, setSentiment] = React.useState<
+ Tables["PrivateUserNote"]["sentiment"]
+ >(initialValue ?? "NEUTRAL");
+
+ return (
+
+
+
+
+ {(["POSITIVE", "NEUTRAL", "NEGATIVE"] as const).map(
+ (sentimentRadio) => {
+ return (
+
+
setSentiment(sentimentRadio)}
+ />
+
+
+ );
+ },
+ )}
+
+
{t("q:privateNote.sentiment.info")}
+
+
+