Add description to upload image step to clarify the image

This commit is contained in:
Nicolas Mowen 2025-05-09 07:15:08 -06:00
parent b29d761270
commit 37460a4eec
2 changed files with 15 additions and 7 deletions

View File

@ -27,7 +27,10 @@
"steps": { "steps": {
"faceName": "Enter Face Name", "faceName": "Enter Face Name",
"uploadFace": "Upload Face Image", "uploadFace": "Upload Face Image",
"nextSteps": "Next Steps" "nextSteps": "Next Steps",
"description": {
"uploadFace": "Upload an image of {{name}}. This should be an image including their face straight-on. Note that the image does not need to be cropped to just their face.",
}
}, },
"train": { "train": {
"title": "Train", "title": "Train",

View File

@ -128,13 +128,18 @@ export default function CreateFaceWizardDialog({
</TextEntry> </TextEntry>
)} )}
{step == 1 && ( {step == 1 && (
<ImageEntry onSave={onUploadImage}> <>
<div className="flex justify-end py-2"> <div className="px-8 py-2 text-center text-sm text-secondary-foreground">
<Button variant="select" type="submit"> {t("steps.description.uploadFace", { name })}
{t("button.next", { ns: "common" })}
</Button>
</div> </div>
</ImageEntry> <ImageEntry onSave={onUploadImage}>
<div className="flex justify-end py-2">
<Button variant="select" type="submit">
{t("button.next", { ns: "common" })}
</Button>
</div>
</ImageEntry>
</>
)} )}
{step == 2 && ( {step == 2 && (
<div className="mt-2"> <div className="mt-2">