TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

touched

Browse Source
This commit is contained in:
Manav Rathi
2025-02-26 17:06:01 +05:30
parent 504a8bdab6
commit 9103d73874
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/apps/photos/src/components/DeleteAccount.tsx
View File

@@ -51,7 +51,7 @@ export const DeleteAccount: React.FC<DeleteAccountProps> = ({
{ reason: string; feedback: string } | undefined
>(undefined);
const { values, errors, handleChange, handleSubmit } = useFormik({
const { values, touched, errors, handleChange, handleSubmit } = useFormik({
initialValues: { reason: "", feedback: "" },
validate: ({ reason, feedback }) => {
if (!reason) return { reason: t("required") };
@@ -149,7 +149,7 @@ export const DeleteAccount: React.FC<DeleteAccountProps> = ({
selected={values.reason}
onSelect={handleChange("reason")}
/>
{errors.reason && (
{touched.reason && errors.reason && (
<Typography
variant="small"
sx={{ px: 1, color: "critical.main" }}
@@ -161,7 +161,9 @@ export const DeleteAccount: React.FC<DeleteAccountProps> = ({
<FeedbackInput
value={values.feedback}
onChange={handleChange("feedback")}
errorMessage={errors.feedback}
errorMessage={
touched.feedback ? errors.feedback : undefined
}
/>
<ConfirmationCheckboxInput
checked={acceptDataDeletion}
@@ -212,7 +214,7 @@ const deleteReasonOptions = (): DropdownOption<DeleteReason>[] =>
interface FeedbackInputProps {
value: string;
errorMessage?: string;
errorMessage?: string | undefined;
onChange: (value: string) => void;
}
@@ -242,9 +244,14 @@ const FeedbackInput: React.FC<FeedbackInputProps> = ({
},
}}
/>
<Typography variant="small" sx={{ px: "8px", color: "critical.main" }}>
{errorMessage}
</Typography>
{errorMessage && (
<Typography
variant="small"
sx={{ px: "8px", color: "critical.main" }}
>
{errorMessage}
</Typography>
)}
</Stack>
);