upload limit and import ui tweaks (#2998)

frontend/src/component/project/Project/Import/validate/ValidationStage.tsx

@@ -159,12 +159,16 @@ export const ValidationStage: FC<{
                             the import, they will be overwritten with the
                             configuration from this import file
                         </WarningHeader>
-                        {validationResult.warnings.map(error => (
+                        {validationResult.warnings.map(warning => (
-                            <Box sx={{ p: 2 }}>
+                            <Box key={warning.message} sx={{ p: 2 }}>
-                                <WarningMessage>{error.message}</WarningMessage>
+                                <WarningMessage>
+                                    {warning.message}
+                                </WarningMessage>
                                 <StyledItems>
-                                    {error.affectedItems.map(item => (
+                                    {warning.affectedItems.map(item => (
-                                        <StyledItem>{item}</StyledItem>
+                                        <StyledItem key={item}>
+                                            {item}
+                                        </StyledItem>
                                     ))}
                                 </StyledItems>
                             </Box>

src/lib/app.ts

@@ -26,6 +26,7 @@ import { conditionalMiddleware } from './middleware/conditional-middleware';
 import patMiddleware from './middleware/pat-middleware';
 import { Knex } from 'knex';
 import maintenanceMiddleware from './middleware/maintenance-middleware';
+import { unless } from './middleware/unless-middleware';
 
 export default async function getApp(
     config: IUnleashConfig,
@@ -62,7 +63,17 @@ export default async function getApp(
 
     app.use(compression());
     app.use(cookieParser());
-    app.use(express.json({ strict: false }));
+
+    app.use(
+        `${baseUriPath}/api/admin/features-batch`,
+        express.json({ strict: false, limit: '500kB' }),
+    );
+    app.use(
+        unless(
+            `${baseUriPath}/api/admin/features-batch`,
+            express.json({ strict: false }),
+        ),
+    );
     if (unleashSession) {
         app.use(unleashSession);
     }

src/lib/middleware/unless-middleware.ts

@@ -0,0 +1,11 @@
+import { RequestHandler } from 'express';
+
+export const unless =
+    (path: string, middleware: RequestHandler): RequestHandler =>
+    (req, res, next) => {
+        if (path === req.path) {
+            return next();
+        } else {
+            return middleware(req, res, next);
+        }
+    };

src/lib/services/export-import-service.ts

@@ -18,12 +18,6 @@ import { ExportQuerySchema } from '../openapi/spec/export-query-schema';
 import { FEATURES_EXPORTED, IFlagResolver, IUnleashServices } from '../types';
 import { ExportResultSchema } from '../openapi';
 
-export interface IImportDTO {
-    data: ExportResultSchema;
-    project: string;
-    environment: string;
-}
-
 export default class ExportImportService {
     private logger: Logger;