This commit is contained in:
Siddharth Ganesan
2025-07-09 11:37:13 -07:00
parent cfc261d646
commit c45da7b93e
3 changed files with 11 additions and 14 deletions

View File

@@ -58,7 +58,6 @@ import { useWorkflowExecution } from '../../hooks/use-workflow-execution'
import { DeploymentControls } from './components/deployment-controls/deployment-controls'
import { ExportControls } from './components/export-controls/export-controls'
import { HistoryDropdownItem } from './components/history-dropdown-item/history-dropdown-item'
import { MarketplaceModal } from './components/marketplace-modal/marketplace-modal'
import { NotificationDropdownItem } from './components/notification-dropdown-item/notification-dropdown-item'
import { UserAvatarStack } from './components/user-avatar-stack/user-avatar-stack'

View File

@@ -1,6 +1,6 @@
'use client'
import { useState, useRef } from 'react'
import { useRef, useState } from 'react'
import { logger } from '@sentry/nextjs'
import { ChevronRight, File, Folder, Plus, Upload } from 'lucide-react'
import { useParams } from 'next/navigation'
@@ -11,9 +11,9 @@ import { Label } from '@/components/ui/label'
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
import { Separator } from '@/components/ui/separator'
import { cn } from '@/lib/utils'
import { useFolderStore } from '@/stores/folders/store'
import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
import { ImportControls, ImportControlsRef } from './import-controls'
import { useFolderStore } from '@/stores/folders/store'
import { ImportControls, type ImportControlsRef } from './import-controls'
interface CreateMenuProps {
onCreateWorkflow: (folderId?: string) => void
@@ -134,7 +134,7 @@ export function CreateMenu({
<File className='h-4 w-4' />
{isCreatingWorkflow ? 'Creating...' : 'New Workflow'}
</button>
<button
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'
onClick={handleCreateFolder}
@@ -146,7 +146,7 @@ export function CreateMenu({
{userPermissions.canEdit && (
<>
<Separator className='my-1' />
<Popover open={isImportSubmenuOpen} onOpenChange={setIsImportSubmenuOpen}>
<PopoverTrigger asChild>
<button
@@ -177,9 +177,7 @@ export function CreateMenu({
<Upload className='h-4 w-4' />
<div className='flex flex-col items-start'>
<span>YAML</span>
<span className='text-muted-foreground text-xs'>
.yaml or .yml
</span>
<span className='text-muted-foreground text-xs'>.yaml or .yml</span>
</div>
</button>
</PopoverContent>
@@ -190,7 +188,7 @@ export function CreateMenu({
</Popover>
{/* Import Controls Component - handles all import functionality */}
<ImportControls
<ImportControls
ref={importControlsRef}
disabled={!userPermissions.canEdit}
onClose={() => {

View File

@@ -1,7 +1,7 @@
'use client'
import { forwardRef, useImperativeHandle, useRef, useState } from 'react'
import { AlertCircle, CheckCircle, FileText, Upload } from 'lucide-react'
import { AlertCircle, CheckCircle } from 'lucide-react'
import { useParams, useRouter } from 'next/navigation'
import { Alert, AlertDescription } from '@/components/ui/alert'
import { Button } from '@/components/ui/button'
@@ -187,8 +187,8 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
<DialogHeader>
<DialogTitle>Import Workflow from YAML</DialogTitle>
<DialogDescription>
Review the YAML content below and click "Import Workflow" to create a new workflow with the
blocks and connections defined in the YAML.
Review the YAML content below and click "Import Workflow" to create a new workflow
with the blocks and connections defined in the YAML.
</DialogDescription>
</DialogHeader>
@@ -282,4 +282,4 @@ blocks:
}
)
ImportControls.displayName = 'ImportControls'
ImportControls.displayName = 'ImportControls'