Hide if no unassigned

This commit is contained in:
Nicolas Mowen 2025-12-15 11:39:38 -07:00
parent d72f89492d
commit c5a1e186bd

View File

@ -327,7 +327,7 @@ function AllExportsView({
<div className="w-full overflow-hidden"> <div className="w-full overflow-hidden">
{filteredCases?.length || filteredExports.length ? ( {filteredCases?.length || filteredExports.length ? (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
{cases?.length && ( {filteredCases?.length && (
<div className="space-y-2"> <div className="space-y-2">
<Heading as="h4">{t("headings.cases")}</Heading> <Heading as="h4">{t("headings.cases")}</Heading>
<div <div
@ -352,31 +352,33 @@ function AllExportsView({
</div> </div>
)} )}
<div className="space-y-4"> {filteredExports.length && (
<Heading as="h4">{t("headings.uncategorizedExports")}</Heading> <div className="space-y-4">
<div <Heading as="h4">{t("headings.uncategorizedExports")}</Heading>
ref={contentRef} <div
className="scrollbar-container grid size-full gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" ref={contentRef}
> className="scrollbar-container grid size-full gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
{exports.map((item) => ( >
<ExportCard {exports.map((item) => (
key={item.name} <ExportCard
className={ key={item.name}
search == "" || filteredExports.includes(item) className={
? "" search == "" || filteredExports.includes(item)
: "hidden" ? ""
} : "hidden"
exportedRecording={item} }
onSelect={setSelected} exportedRecording={item}
onRename={renameClip} onSelect={setSelected}
onDelete={({ file, exportName }) => onRename={renameClip}
setDeleteClip({ file, exportName }) onDelete={({ file, exportName }) =>
} setDeleteClip({ file, exportName })
onAssignToCase={onAssignToCase} }
/> onAssignToCase={onAssignToCase}
))} />
))}
</div>
</div> </div>
</div> )}
</div> </div>
) : ( ) : (
<div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center text-center"> <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center text-center">