Move app to apps/web-react in pnpm workspace layout

apps/web-react/app/form/fields/TeamSearchFormField.tsx

@@ -0,0 +1,46 @@
+import { TeamSearch } from "~/components/elements/TeamSearch";
+import type { FormFieldProps, TeamSearchFieldOptions } from "../types";
+import { FormFieldMessages, useTranslatedTexts } from "./FormFieldWrapper";
+import styles from "./UserSearchFormField.module.css";
+
+type TeamSearchFormFieldProps = FormFieldProps<"team-search"> &
+	TeamSearchFieldOptions & {
+		onChange: (value: number | null) => void;
+		disabled?: boolean;
+	};
+
+export function TeamSearchFormField({
+	name,
+	label,
+	bottomText,
+	error,
+	required,
+	onChange,
+	onBlur,
+	onTeamSelected,
+	initialTeam,
+	disabled,
+}: TeamSearchFormFieldProps) {
+	const { translatedLabel } = useTranslatedTexts({
+		label,
+	});
+
+	return (
+		<div className={styles.root}>
+			<div className="stack xs">
+				<TeamSearch
+					initialTeam={initialTeam}
+					onChange={(team) => {
+						onChange(team?.id ?? null);
+						onTeamSelected?.(team);
+					}}
+					onBlur={() => onBlur?.()}
+					label={translatedLabel}
+					isRequired={required}
+					isDisabled={disabled}
+				/>
+				<FormFieldMessages name={name} error={error} bottomText={bottomText} />
+			</div>
+		</div>
+	);
+}