11'use client'
22
3- import { useState , useRef } from 'react'
3+ import { useRef , useState } from 'react'
44import { logger } from '@sentry/nextjs'
55import { ChevronRight , File , Folder , Plus , Upload } from 'lucide-react'
66import { useParams } from 'next/navigation'
@@ -11,9 +11,9 @@ import { Label } from '@/components/ui/label'
1111import { Popover , PopoverContent , PopoverTrigger } from '@/components/ui/popover'
1212import { Separator } from '@/components/ui/separator'
1313import { cn } from '@/lib/utils'
14- import { useFolderStore } from '@/stores/folders/store'
1514import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
16- import { ImportControls , ImportControlsRef } from './import-controls'
15+ import { useFolderStore } from '@/stores/folders/store'
16+ import { ImportControls , type ImportControlsRef } from './import-controls'
1717
1818interface CreateMenuProps {
1919 onCreateWorkflow : ( folderId ?: string ) => void
@@ -134,7 +134,7 @@ export function CreateMenu({
134134 < File className = 'h-4 w-4' />
135135 { isCreatingWorkflow ? 'Creating...' : 'New Workflow' }
136136 </ button >
137-
137+
138138 < button
139139 className = 'flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground'
140140 onClick = { handleCreateFolder }
@@ -146,7 +146,7 @@ export function CreateMenu({
146146 { userPermissions . canEdit && (
147147 < >
148148 < Separator className = 'my-1' />
149-
149+
150150 < Popover open = { isImportSubmenuOpen } onOpenChange = { setIsImportSubmenuOpen } >
151151 < PopoverTrigger asChild >
152152 < button
@@ -177,9 +177,7 @@ export function CreateMenu({
177177 < Upload className = 'h-4 w-4' />
178178 < div className = 'flex flex-col items-start' >
179179 < span > YAML</ span >
180- < span className = 'text-muted-foreground text-xs' >
181- .yaml or .yml
182- </ span >
180+ < span className = 'text-muted-foreground text-xs' > .yaml or .yml</ span >
183181 </ div >
184182 </ button >
185183 </ PopoverContent >
@@ -190,7 +188,7 @@ export function CreateMenu({
190188 </ Popover >
191189
192190 { /* Import Controls Component - handles all import functionality */ }
193- < ImportControls
191+ < ImportControls
194192 ref = { importControlsRef }
195193 disabled = { ! userPermissions . canEdit }
196194 onClose = { ( ) => {
0 commit comments