diff --git a/web/src/views/settings/FrigatePlusSettingsView.tsx b/web/src/views/settings/FrigatePlusSettingsView.tsx index 483b35dbd2..8b2061a232 100644 --- a/web/src/views/settings/FrigatePlusSettingsView.tsx +++ b/web/src/views/settings/FrigatePlusSettingsView.tsx @@ -340,29 +340,45 @@ export default function FrigatePlusSettingsView({ }) } > - - {frigatePlusSettings.model.id && - availableModels?.[frigatePlusSettings.model.id] - ? new Date( - availableModels[ - frigatePlusSettings.model.id - ].trainDate, - ).toLocaleString() + + {frigatePlusSettings.model.id && + availableModels?.[frigatePlusSettings.model.id] ? ( + + {new Date( + availableModels[ + frigatePlusSettings.model.id + ].trainDate, + ).toLocaleString() + " " + + availableModels[frigatePlusSettings.model.id] + .baseModel + + " (" + + (availableModels[frigatePlusSettings.model.id] + .isBaseModel + ? t( + "frigatePlus.modelInfo.plusModelType.baseModel", + ) + : t( + "frigatePlus.modelInfo.plusModelType.userModel", + )) + + ") " + availableModels[frigatePlusSettings.model.id] .name + - " " + " (" + availableModels[frigatePlusSettings.model.id] .width + "x" + availableModels[frigatePlusSettings.model.id] .height + - ")" - : t( - "frigatePlus.modelInfo.loadingAvailableModels", - )} - + ")"} + + ) : ( + + {t( + "frigatePlus.modelInfo.loadingAvailableModels", + )} + + )} + {Object.entries(availableModels || {}).map( @@ -382,15 +398,17 @@ export default function FrigatePlusSettingsView({ {new Date( model.trainDate, ).toLocaleString()}{" "} - ({model.baseModel}) ( - {model.isBaseModel - ? t( - "frigatePlus.modelInfo.plusModelType.baseModel", - ) - : t( - "frigatePlus.modelInfo.plusModelType.userModel", - )} - )
+
+ {model.baseModel} {" ("} + {model.isBaseModel + ? t( + "frigatePlus.modelInfo.plusModelType.baseModel", + ) + : t( + "frigatePlus.modelInfo.plusModelType.userModel", + )} + {")"} +
{model.name} ( {model.width + "x" + model.height})