text tweaks

This commit is contained in:
Josh Hawkins 2025-04-03 12:21:52 -05:00
parent 81f5e789fc
commit 53b9563619
2 changed files with 11 additions and 7 deletions

View File

@ -19,7 +19,7 @@
"title": "Create Collection", "title": "Create Collection",
"desc": "Create a new collection", "desc": "Create a new collection",
"new": "Create New Face", "new": "Create New Face",
"nextSteps": "It is recommended to use the Train tab to select and train images for each person as they are detected. When building a strong foundation it is strongly recommended to only train on images that are straight-on. Ignore images from cameras that recognize faces from an angle." "nextSteps": "To build a strong foundation:<li>Use the Train tab to select and train on images for each detected person.</li><li>Focus on straight-on images for best results; avoid training images that capture faces at an angle.</li></ul>"
}, },
"train": { "train": {
"title": "Train", "title": "Train",
@ -45,7 +45,7 @@
"dropInstructions": "Drag and drop an image here, or click to select", "dropInstructions": "Drag and drop an image here, or click to select",
"maxSize": "Max size: {{size}}MB" "maxSize": "Max size: {{size}}MB"
}, },
"readTheDocs": "Read the documentation to view more details on refining images for the Face Library", "readTheDocs": "Read the documentation",
"trainFaceAs": "Train Face as:", "trainFaceAs": "Train Face as:",
"trainFace": "Train Face", "trainFace": "Train Face",
"toast": { "toast": {

View File

@ -20,7 +20,7 @@ import { cn } from "@/lib/utils";
import axios from "axios"; import axios from "axios";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import { isDesktop } from "react-device-detect"; import { isDesktop } from "react-device-detect";
import { useTranslation } from "react-i18next"; import { Trans, useTranslation } from "react-i18next";
import { LuExternalLink } from "react-icons/lu"; import { LuExternalLink } from "react-icons/lu";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { toast } from "sonner"; import { toast } from "sonner";
@ -133,12 +133,16 @@ export default function CreateFaceWizardDialog({
</ImageEntry> </ImageEntry>
)} )}
{step == 2 && ( {step == 2 && (
<div> <div className="mt-2">
{t("toast.success.addFaceLibrary", { name })} {t("toast.success.addFaceLibrary", { name })}
<p className="py-4 text-sm text-secondary-foreground"> <p className="py-4 text-sm text-primary-variant">
{t("createFaceLibrary.nextSteps")} <ul className="list-inside list-disc">
<Trans ns="views/faceLibrary">
createFaceLibrary.nextSteps
</Trans>
</ul>
</p> </p>
<div className="text-s my-4 flex items-center text-primary"> <div className="my-2 flex items-center text-sm text-primary">
<Link <Link
to="https://docs.frigate.video/configuration/face_recognition" to="https://docs.frigate.video/configuration/face_recognition"
target="_blank" target="_blank"