diff --git a/apps/console/src/pages/CreateControlPage.tsx b/apps/console/src/pages/CreateControlPage.tsx index 8a6f70fbe..4d468455f 100644 --- a/apps/console/src/pages/CreateControlPage.tsx +++ b/apps/console/src/pages/CreateControlPage.tsx @@ -10,7 +10,17 @@ import { Textarea } from "@/components/ui/textarea"; import { useToast } from "@/hooks/use-toast"; import { HelpCircle } from "lucide-react"; import { cn } from "@/lib/utils"; -import { CreateControlPageCreateControlMutation } from "./__generated__/CreateControlPageCreateControlMutation.graphql"; +import { + Select, + SelectContent, + SelectItem, + SelectTrigger, + SelectValue, +} from "@/components/ui/select"; +import { + CreateControlPageCreateControlMutation, + ControlImportance, +} from "./__generated__/CreateControlPageCreateControlMutation.graphql"; const createControlMutation = graphql` mutation CreateControlPageCreateControlMutation( @@ -71,7 +81,7 @@ function EditableField({ } className={cn( "w-full resize-none", - required && !value && "border-red-500", + required && !value && "border-red-500" )} placeholder={`Enter ${label.toLowerCase()}`} rows={4} @@ -100,6 +110,7 @@ function CreateControlPageContent() { name: "", description: "", category: "", + importance: "MANDATORY" as ControlImportance, }); const [commit, isInFlight] = @@ -126,7 +137,7 @@ function CreateControlPageContent() { const connectionId = ConnectionHandler.getConnectionID( frameworkId!, - "FrameworkOverviewPage_controls", + "FrameworkOverviewPage_controls" ); commit({ @@ -136,6 +147,7 @@ function CreateControlPageContent() { name: formData.name, description: formData.description, category: formData.category, + importance: formData.importance, }, connections: [connectionId], }, @@ -155,7 +167,7 @@ function CreateControlPageContent() { }); navigate( - `/organizations/${organizationId}/frameworks/${frameworkId}/controls/${data.createControl.controlEdge.node.id}`, + `/organizations/${organizationId}/frameworks/${frameworkId}/controls/${data.createControl.controlEdge.node.id}` ); }, onError(error) { @@ -207,6 +219,27 @@ function CreateControlPageContent() { helpText="Provide a detailed description of the control" /> +
+ + +
+