Hide Plus/Custom tabs when Frigate+ is not enabled

This commit is contained in:
Josh Hawkins 2026-05-16 12:53:10 -05:00
parent 73e0d1b0eb
commit 61a826a309
2 changed files with 45 additions and 39 deletions

View File

@ -1170,8 +1170,7 @@
}, },
"plusModel": { "plusModel": {
"requiresDetector": "Requires: {{detector}}", "requiresDetector": "Requires: {{detector}}",
"noModelSelected": "Select a Frigate+ model", "noModelSelected": "Select a Frigate+ model"
"plusDisabled": "Add a Frigate+ API key to use Frigate+ models."
}, },
"toast": { "toast": {
"saveSuccess": "Detector and model settings saved", "saveSuccess": "Detector and model settings saved",

View File

@ -417,6 +417,7 @@ export default function DetectorsAndModelSettingsView({
/> />
)} )}
<SettingsGroupCard title={t("detectorsAndModel.cardTitles.model")}> <SettingsGroupCard title={t("detectorsAndModel.cardTitles.model")}>
{plusEnabled ? (
<Tabs <Tabs
value={state.modelTab} value={state.modelTab}
onValueChange={(value) => onValueChange={(value) =>
@ -426,7 +427,7 @@ export default function DetectorsAndModelSettingsView({
} }
> >
<TabsList className="mb-4"> <TabsList className="mb-4">
<TabsTrigger value="plus" disabled={!plusEnabled}> <TabsTrigger value="plus">
{t("detectorsAndModel.tabs.plus")} {t("detectorsAndModel.tabs.plus")}
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="custom"> <TabsTrigger value="custom">
@ -435,11 +436,6 @@ export default function DetectorsAndModelSettingsView({
</TabsList> </TabsList>
<TabsContent value="plus"> <TabsContent value="plus">
{!plusEnabled ? (
<p className="py-4 text-sm text-muted-foreground">
{t("detectorsAndModel.plusModel.plusDisabled")}
</p>
) : (
<div className="flex w-full items-center gap-2"> <div className="flex w-full items-center gap-2">
<Select <Select
value={state.plusModelId} value={state.plusModelId}
@ -588,7 +584,6 @@ export default function DetectorsAndModelSettingsView({
</PopoverContent> </PopoverContent>
</Popover> </Popover>
</div> </div>
)}
</TabsContent> </TabsContent>
<TabsContent value="custom"> <TabsContent value="custom">
@ -604,6 +599,18 @@ export default function DetectorsAndModelSettingsView({
/> />
</TabsContent> </TabsContent>
</Tabs> </Tabs>
) : (
<ConfigSectionTemplate
sectionKey="model"
level="global"
showOverrideIndicator={false}
showTitle={false}
embedded
pendingDataBySection={childPending}
onPendingDataChange={handleChildPendingChange}
onStatusChange={handleModelStatusChange}
/>
)}
</SettingsGroupCard> </SettingsGroupCard>
</div> </div>
</div> </div>