This commit is contained in:
Owen
2026-10-27 15:23:44 -04:00
parent f4410cdbeb
commit 0f09fecfa2
2 changed files with 31 additions and 22 deletions
@@ -40,6 +40,7 @@ import type { ResourceContextType } from "@app/contexts/resourceContext";
import { useEnvContext } from "@app/hooks/useEnvContext";
import { toast } from "@app/hooks/useToast";
import { createApiClient } from "@app/lib/api";
import { cn } from "@app/lib/cn";
import { formatAxiosError } from "@app/lib/api/formatAxiosError";
import { DockerManager, DockerState } from "@app/lib/docker";
import { orgQueries, resourceQueries, aiProviderQueries } from "@app/lib/queries";
@@ -959,28 +960,32 @@ export const ProxyResourceTargetsForm = forwardRef<
</TableBody>
</Table>
</div>
{hasTargets && (
<div className="flex items-center justify-between mb-4">
<div className="flex items-center justify-between w-full gap-2">
{addTargetButton}
{!disableAdvancedMode && (
<div className="flex items-center gap-2">
<Switch
id={advancedModeToggleId}
checked={isAdvancedMode}
onCheckedChange={setIsAdvancedMode}
/>
<label
htmlFor={advancedModeToggleId}
className="text-sm"
>
{t("advancedMode")}
</label>
</div>
)}
</div>
{/* The empty state (and its add button) is hidden on mobile, so always show the add button there */}
<div
className={cn(
"flex items-center justify-between mb-4",
!hasTargets && "sm:hidden"
)}
>
<div className="flex items-center justify-between w-full gap-2">
{addTargetButton}
{hasTargets && !disableAdvancedMode && (
<div className="flex items-center gap-2">
<Switch
id={advancedModeToggleId}
checked={isAdvancedMode}
onCheckedChange={setIsAdvancedMode}
/>
<label
htmlFor={advancedModeToggleId}
className="text-sm"
>
{t("advancedMode")}
</label>
</div>
)}
</div>
)}
</div>
{build === "saas" &&
!isAiProvider &&
targets.length > 1 &&
@@ -37,6 +37,7 @@ import {
import { UseFormReturn, useForm, useWatch } from "react-hook-form";
import { useResourcePolicyContext } from "@app/providers/ResourcePolicyProvider";
import { createApiClient, formatAxiosError } from "@app/lib/api";
import { cn } from "@app/lib/cn";
import { useEnvContext } from "@app/hooks/useEnvContext";
import { resourceQueries } from "@app/lib/queries";
import { useQuery } from "@tanstack/react-query";
@@ -174,7 +175,10 @@ function PolicyAccessRulesSectionLayout({
resourceOverlayMode={resourceOverlayMode}
emptyStateAction={addRuleButton}
/>
{hasRules && addRuleButton}
{/* The empty state (and its add button) is hidden on mobile, so always show the add button there */}
<div className={cn(!hasRules && "sm:hidden")}>
{addRuleButton}
</div>
</>
)}
</div>