Review changes

nit

nit again

Author: ananya-agarwal

desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumn/EditColumn.scss renamed to desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumns.scss

@@ -17,7 +17,7 @@
 @use 'variables' as vars;
 
 .antd.cuix {
-  .hue-importer-columnmodal {
+  .hue-importer-edit-columns {
     padding: vars.$fluidx-spacing-s;
   }
 }

desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumn/EditColumn.tsx renamed to desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumns.tsx

@@ -16,11 +16,11 @@
 
 import React, { useState } from 'react';
 import { i18nReact } from '../../../../utils/i18nReact';
-import EditColumnModal from './EditColumnModal';
+import EditColumnsModal from './EditColumnsModal';
 import BorderlessButton from 'cuix/dist/components/Button/BorderlessButton';
 import '../SourceConfiguration/SourceConfiguration.scss';
 
-const EditColumn = (): JSX.Element => {
+const EditColumns = (): JSX.Element => {
   const { t } = i18nReact.useTranslation();
   const [isOpen, setIsOpen] = useState(false);
 
@@ -29,11 +29,11 @@ const EditColumn = (): JSX.Element => {
   };
 
   return (
-    <div className="hue-importer-columnmodal">
+    <div className="hue-importer-edit-columns">
       <BorderlessButton onClick={() => setIsOpen(true)}>{t('Edit Columns')}</BorderlessButton>
-      <EditColumnModal isOpen={isOpen} closeModal={handleClose} />
+      <EditColumnsModal isOpen={isOpen} closeModal={handleClose} />
     </div>
   );
 };
 
-export default EditColumn;
+export default EditColumns;

desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumn/EditColumnModal.tsx renamed to desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/EditColumns/EditColumnsModal.tsx

@@ -17,25 +17,25 @@
 import React from 'react';
 import { i18nReact } from '../../../../utils/i18nReact';
 import Modal from 'cuix/dist/components/Modal';
-import './EditColumn.scss';
+import './EditColumns.scss';
 
-interface EditColumnModalProps {
+interface EditColumnsModalProps {
   isOpen: boolean;
   closeModal: () => void;
 }
 
-const EditColumnModal = ({ isOpen, closeModal }: EditColumnModalProps): JSX.Element => {
+const EditColumnsModal = ({ isOpen, closeModal }: EditColumnsModalProps): JSX.Element => {
   const { t } = i18nReact.useTranslation();
 
   return (
     <Modal
       cancelText={t('Cancel')}
       okText={t('Done')}
-      title={t('Edit Column')}
+      title={t('Edit Columns')}
       open={isOpen}
       onCancel={closeModal}
     />
   );
 };
 
-export default EditColumnModal;
+export default EditColumnsModal;

desktop/core/src/desktop/js/apps/newimporter/ImporterFilePreview/ImporterFilePreview.tsx

@@ -28,7 +28,7 @@ import { BorderlessButton, PrimaryButton } from 'cuix/dist/components/Button';
 import PaginatedTable from '../../../reactComponents/PaginatedTable/PaginatedTable';
 import { GUESS_FORMAT_URL, GUESS_FIELD_TYPES_URL, FINISH_IMPORT_URL } from '../api';
 import SourceConfiguration from './SourceConfiguration/SourceConfiguration';
-import EditColumn from './EditColumn/EditColumn';
+import EditColumns from './EditColumns/EditColumns';
 
 import './ImporterFilePreview.scss';
 
@@ -132,7 +132,7 @@ const ImporterFilePreview = ({ fileMetaData }: ImporterFilePreviewProps): JSX.El
       <div className="hue-importer-preview-page__main-section">
         <div className="hue-importer-preview-page__header-section">
           <SourceConfiguration fileFormat={fileFormat} setFileFormat={setFileFormat} />
-          <EditColumn />
+          <EditColumns />
         </div>
         <PaginatedTable<ImporterTableData>
           loading={guessingFormat || guessingFields}