administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-09 15:05:26 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Move to separate component

Browse Source
This commit is contained in:
Nicolas Mowen 2025-06-23 08:15:02 -06:00
parent 93a3cf8fb9
commit 91ac4137dc
1 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/views/classification/ModelSelectionView.tsx
View File

@ -37,6 +37,18 @@ export default function ModelSelectionView({
return (
<div className="flex size-full gap-2 p-2">
{classificationConfigs.map((config) => (
<ModelCard config={config} onClick={() => onClick(config)} />
))}
</div>
);
}
type ModelCardProps = {
config: CustomClassificationModelConfig;
onClick: () => void;
};
function ModelCard({ config, onClick }: ModelCardProps) {
return (
<div
key={config.name}
className={cn(
@ -44,7 +56,7 @@ export default function ModelSelectionView({
"outline-transparent duration-500",
isMobile && "w-full",
)}
onClick={() => onClick(config)}
onClick={() => onClick()}
onContextMenu={() => {
// e.stopPropagation();
// e.preventDefault();
@ -57,7 +69,5 @@ export default function ModelSelectionView({
Classification)
</div>
</div>
))}
</div>
);
}