github-starred/flowsint
2
0
Fork 0
mirror of https://github.com/reconurge/flowsint.git synced 2026-05-08 04:38:38 -05:00
Code Issues 264 Packages Projects Releases 11 Wiki Activity

fix(app): exclude unchecked items on import

Browse Source
This commit is contained in:
dextmorgn
2025-12-01 10:49:32 +01:00
parent ffd9064c1a
commit 5ef0b4d090
1 changed files with 2 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
flowsint-app/src/components/sketches/import-preview.tsx
View File

@@ -33,9 +33,6 @@ interface ImportPreviewProps {
onCancel: () => void
}
// ============================================================================
// FIX 1: Debounced Input component to avoid re-renders on every keystroke
// ============================================================================
const DebouncedInput = memo(({
value,
onChange,
@@ -418,9 +415,6 @@ export function ImportPreview({
const [isImporting, setIsImporting] = useState(false)
const [importResult, setImportResult] = useState<any>(null)
// ============================================================================
// FIX 7: Memoize entity types with stable reference
// ============================================================================
const entityTypes = useMemo(() => {
if (!actionItems) return []
const types: string[] = []
@@ -434,9 +428,6 @@ export function ImportPreview({
return [...new Set(types)]
}, [actionItems])
// ============================================================================
// FIX 8: Granular update handlers - only update the specific mapping
// ============================================================================
const handleIncludeChange = useCallback((id: string, include: boolean) => {
setMappingsById(prev => {
const mapping = prev.get(id)
@@ -488,9 +479,6 @@ export function ImportPreview({
})
}, [])
// ============================================================================
// FIX 9: Memoize mappings arrays per type to avoid recreating on every render
// ============================================================================
const getMappingsForType = useCallback((typeName: string): EntityMapping[] => {
const ids = mappingIdsByType[typeName] || []
return ids.map(id => mappingsById.get(id)!).filter(Boolean)
@@ -508,7 +496,8 @@ export function ImportPreview({
const handleImport = useCallback(async () => {
setIsImporting(true)
try {
const mappingsArray = Array.from(mappingsById.values())
const mappingsArray = Array.from(mappingsById.values()).filter(m => m.include)
alert(mappingsArray.length)
const result = await sketchService.executeImport(sketchId, mappingsArray)
setImportResult(result)