Don't show model selection or back button when in multi select mode

This commit is contained in:
Nicolas Mowen 2025-11-05 04:51:03 -07:00
parent b751228476
commit 4da9841afd

View File

@ -327,30 +327,33 @@ export default function ModelTrainingView({ model }: ModelTrainingViewProps) {
</AlertDialog> </AlertDialog>
<div className="flex flex-row justify-between gap-2 p-2 align-middle"> <div className="flex flex-row justify-between gap-2 p-2 align-middle">
<div className="flex flex-row items-center justify-center gap-2"> {!selectedImages?.length && (
<Button <div className="flex flex-row items-center justify-center gap-2">
className="flex items-center gap-2.5 rounded-lg" <Button
aria-label={t("label.back", { ns: "common" })} className="flex items-center gap-2.5 rounded-lg"
onClick={() => navigate(-1)} aria-label={t("label.back", { ns: "common" })}
> onClick={() => navigate(-1)}
<IoMdArrowRoundBack className="size-5 text-secondary-foreground" /> >
{isDesktop && ( <IoMdArrowRoundBack className="size-5 text-secondary-foreground" />
<div className="text-primary"> {isDesktop && (
{t("button.back", { ns: "common" })} <div className="text-primary">
</div> {t("button.back", { ns: "common" })}
)} </div>
</Button> )}
<LibrarySelector </Button>
pageToggle={pageToggle}
dataset={dataset || {}} <LibrarySelector
trainImages={trainImages || []} pageToggle={pageToggle}
setPageToggle={setPageToggle} dataset={dataset || {}}
onDelete={onDelete} trainImages={trainImages || []}
onRename={() => {}} setPageToggle={setPageToggle}
/> onDelete={onDelete}
</div> onRename={() => {}}
/>
</div>
)}
{selectedImages?.length > 0 ? ( {selectedImages?.length > 0 ? (
<div className="flex items-center justify-center gap-2"> <div className="flex w-full items-center justify-between gap-2">
<div className="mx-1 flex w-48 items-center justify-center text-sm text-muted-foreground"> <div className="mx-1 flex w-48 items-center justify-center text-sm text-muted-foreground">
<div className="p-1">{`${selectedImages.length} selected`}</div> <div className="p-1">{`${selectedImages.length} selected`}</div>
<div className="p-1">{"|"}</div> <div className="p-1">{"|"}</div>