CC-50: Single Match Does Not Set Player 1

src/components/MatchResultForm/MatchResultForm.tsx

@@ -61,8 +61,12 @@ export const MatchResultForm = ({
     loading: tournamentPairingsLoading,
   } = useGetActiveTournamentPairingsByUser(currentUser ? { userId: currentUser._id } : 'skip');
 
+  const singleMatchDefaults = !existingValues && !forcedValues?.tournamentPairingId && currentUser ? {
+    player0UserId: currentUser._id,
+  } : {};
+
   const form = useForm<FormData>({
-    defaultValues: merge({}, defaultValues, existingValues, forcedValues),
+    defaultValues: merge({}, defaultValues, singleMatchDefaults, existingValues, forcedValues),
     mode: 'onSubmit',
   });
 
@@ -181,11 +185,13 @@ export const MatchResultForm = ({
         <MatchResultPlayerFields
           className={styles.MatchResultForm_Player0Fields}
           index={0}
+          playerReadOnly={!!existingValues || !tournamentPairingId}
           tournamentPairing={selectedPairing}
         />
         <MatchResultPlayerFields
           className={styles.MatchResultForm_Player1Fields}
           index={1}
+          playerReadOnly={!!existingValues}
           tournamentPairing={selectedPairing}
         />
         <MatchResultDetailFields className={styles.MatchResultForm_MatchResultDetailFields} />

src/components/MatchResultForm/components/MatchResultPlayerFields/MatchResultPlayerFields.tsx

@@ -12,6 +12,7 @@ import {
 export interface MatchResultPlayerFieldsProps {
   index: 0 | 1;
   tournamentPairing?: TournamentPairing | null;
+  playerReadOnly?: boolean;
 
   // Passed by FormField via Controller:
   className?: string;

src/components/MatchResultForm/components/MatchResultPlayerFields/gameSystems/FlamesOfWarV4MatchResultPlayerFields/FlamesOfWarV4MatchResultPlayerFields.tsx

@@ -28,6 +28,7 @@ export const FlamesOfWarV4MatchResultPlayerFields = ({
   index,
   className,
   disabled = false,
+  playerReadOnly,
   tournamentPairing,
 }: MatchResultPlayerFieldsProps): JSX.Element => {
 
@@ -80,7 +81,7 @@ export const FlamesOfWarV4MatchResultPlayerFields = ({
 
   return (
     <div className={clsx(styles.FlamesOfWarV4MatchResultPlayerFields, className)}>
-      <PlayerField tournamentPairing={tournamentPairing} index={index} />
+      <PlayerField tournamentPairing={tournamentPairing} index={index} readOnly={playerReadOnly} />
       <FormField
         name={`details.player${index}Faction`}
         label="Faction"

src/components/MatchResultForm/components/MatchResultPlayerFields/gameSystems/TeamYankeeV2MatchResultPlayerFields/TeamYankeeV2MatchResultPlayerFields.tsx

@@ -28,6 +28,7 @@ export const TeamYankeeV2MatchResultPlayerFields = ({
   index,
   className,
   disabled = false,
+  playerReadOnly,
   tournamentPairing,
 }: MatchResultPlayerFieldsProps): JSX.Element => {
 
@@ -80,7 +81,7 @@ export const TeamYankeeV2MatchResultPlayerFields = ({
 
   return (
     <div className={clsx(styles.TeamYankeeV2MatchResultPlayerFields, className)}>
-      <PlayerField tournamentPairing={tournamentPairing} index={index} />
+      <PlayerField tournamentPairing={tournamentPairing} index={index} readOnly={playerReadOnly} />
       <FormField
         name={`details.player${index}Faction`}
         label="Faction"

src/components/MatchResultForm/components/PlayerField/PlayerField.tsx

@@ -20,7 +20,6 @@ import {
   User,
   UserId,
 } from '~/api';
-import { useAuth } from '~/components/AuthProvider';
 import { Label } from '~/components/generic/Label';
 import { DeviceSize, useDeviceSize } from '~/hooks/useDeviceSize';
 import { useGetUser } from '~/services/users';
@@ -44,9 +43,9 @@ export type PlayerFieldProps = Omit<InputPanelProps<PlayerFieldValue>, 'renderCo
 export const PlayerField = ({
   tournamentPairing,
   index,
+  readOnly: readOnlyProp,
   ...props
 }: PlayerFieldProps): JSX.Element => {
-  const currentUser = useAuth();
   const [deviceSize] = useDeviceSize();
   const isMobile = deviceSize === DeviceSize.Mobile;
 
@@ -100,8 +99,7 @@ export const PlayerField = ({
     selectedUserRef.current = selectedUser;
   }
 
-  const isOwnSingleMatch = !tournamentPairing && currentUser?._id === userId;
-  const readOnly = (competitorUserOptions.length === 1) || isBye || isOwnSingleMatch;
+  const readOnly = readOnlyProp || (competitorUserOptions.length === 1) || isBye;
 
   const fieldId = `player${index}UserId`;
 

src/components/MatchResultPlayers/MatchResultPlayers.tsx

@@ -22,6 +22,7 @@ export const MatchResultPlayers = ({
           size="large"
           user={matchResult.player0User}
           placeholder={{ displayName: matchResult.player0Placeholder }}
+          disableLink={!!matchResult.player0Placeholder}
         />
         {/* TODO: Add factions  */}
         {/* <Popover.Root>
@@ -45,6 +46,7 @@ export const MatchResultPlayers = ({
           size="large"
           user={matchResult.player1User}
           placeholder={{ displayName: matchResult.player1Placeholder }}
+          disableLink={!!matchResult.player1Placeholder}
         />
         {/* TODO: Add factions  */}
         {/* <Popover.Root>